﻿
html {
    background: url("../img/bg.gif") repeat scroll 0 0 #EDECE9;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0 none;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: 400;
}
li {
    list-style: none outside none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400;
}
q:before, q:after {
    content: "";
}
abbr, acronym {
    border: 0 none;
    font-variant: normal;
}
sup {
    vertical-align: text-top;
}
sub {
    overflow: hidden;
    vertical-align: text-bottom;
}
input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    outline: 0 none;
    resize: none;
}
legend {
    color: #000000;
}
body {
    color: #444444;
    font-family: "helvetica neue",arial,sans-serif;
    font-size: 14px;
}
table {
    font-size: inherit;
}
pre, code, kbd, samp, tt {
    font-family: monospace;
    line-height: 100%;
}
em {
    font-style: italic;
}
strong {
    font-weight: 700;
}
h1 {
    font-size: 28px;
    line-height: 1.1em;
    margin: 32px 0 11px;
    padding: 0 0 12px;
    text-shadow: 0 1px rgba(255, 255, 255, 0.9);
}
h2 {
    font-size: 21px;
    padding: 0 0 8px;
}
h1, h2 {
    font-weight: 700;
    letter-spacing: -0.0125em;
}
h3 {
    font-size: 1.5em;
    font-weight: 700;
}
p {
    line-height: 1.35em;
    margin: 0 0 0.8em;
}
a {
    color: #222222;
    outline: 0 none;
    text-decoration: none;
}
a.text-meta .invisible {
    font-size: 0;
    line-height: 0;
    visibility: visible;
}
a:hover {
    color: #9A0000;
    text-decoration: underline;
}
textarea {
    overflow: auto;
}
textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px rgba(34, 25, 25, 0.15) inset, 0 1px rgba(255, 255, 255, 0.8);
    color: #221919;
    display: inline-block;
    padding: 6px 10px;
    width: 250px;
}
.ir {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 none;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
}
.ir br {
    display: none;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0 none;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
}
.clear {
    clear: both;
}
.nf {
    float: none !important;
}
.fr {
    float: right !important;
}
.fl {
    float: left !important;
}
.nb {
    border-width: 0 !important;
}
.nbt {
    border-top-width: 0 !important;
}
.nbb {
    border-bottom-width: 0 !important;
}
.nbr {
    border-right-width: 0 !important;
}
.nm {
    margin: 0 !important;
}
.nmt {
    margin-top: 0 !important;
}
.nmb {
    margin-bottom: 0 !important;
}
.nmr {
    margin-right: 0 !important;
}
.fixed {
    position: fixed !important;
}
@font-face {
    font-family: "danox";
    src: url("http://hbfile.b0.upaiyun.com/font/danox.ttf");
}
.error, .notice, .success {
    border: 2px solid #DDDDDD;
    margin-bottom: 1em;
}
.error {
    background: none repeat scroll 0 0 #FBE3E4;
    border-color: #FBC2C4;
    color: #8A1F11;
}
.notice {
    background: none repeat scroll 0 0 #FFF6BF;
    border-color: #FFD324;
    color: #514721;
}
.success {
    background: none repeat scroll 0 0 #E6EFC2;
    border-color: #C6D880;
    color: #264409;
}
.error a {
    color: #8A1F11;
}
.notice a {
    color: #514721;
}
.success a {
    color: #C90000;
}
.success li, .notice li, .error li {
    line-height: 1.5;
    list-style: none outside none;
    margin: 0;
}
p.instruct {
    color: #666666;
    margin: 0;
}
span.instruct {
    color: #666666;
    margin-left: 0.5em;
}
div.error, div.notice, div.success {
    border: 0 none;
    color: #333333;
    font-size: 1.2em;
    font-weight: 700;
    margin: 10px 0;
    padding: 10px 0 15px 45px;
    text-align: left;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.9);
    vertical-align: middle;
}
div.error {
    background: url("../img/icon_error.png") no-repeat scroll left 2px transparent;
}
div.success {
    background: url("../img/icon_success.png") no-repeat scroll left 2px transparent;
}
div.notice {
    background: url("../img/icon_notice.png") no-repeat scroll left 2px transparent;
}
div.validation-advice ul.error {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: red;
}
.lg {
    background: -moz-linear-gradient(center top , #FFFCFC, #F0EDED) repeat scroll 0 0 transparent;
}
a.img {
    background-color: #FFFFFF;
    display: block;
}
a.img:active {
    background-color: #221919;
}
a.img img {
    display: block;
    margin: 0 auto;
}
a.img:hover img, a.img:active img {
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* ie8  */
    filter:alpha(opacity=90);    /* ie5-7  */
    opacity: 0.9;    /* css standard, currently it works in most modern browsers  */
}
.light, .light a {
    color: #AD9C9C;
}
.less {
    color: #8C7E7E;
}
.less a {
    color: #333333;
}
.less .Report {
    color: #8C7E7E;
    float: right;
    padding: 1px;
}
.less .Report:hover {
    background: none repeat scroll 0 0 #EFEFEF;
    border-radius: 2px 2px 2px 2px;
}
.muted, .muted a {
    color: #524D4D;
}
.wfx {
    margin: 0 auto;
    position: relative;
    width: 940px;
}
.wrapper {
    border: 0 none;
    margin: 0 auto;
    position: relative;
}
.wrapper-992 {
    width: 992px;
}
#ctx_bar + #waterfall {
    margin-top: 15px;
}
.wt {
    background-color: #FFFFFF;
    box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    margin: 76px auto 20px;
    padding: 0 18px 10px;
    position: relative;
}
.wt h2 {
    font-size: 32px;
    line-height: 43px;
    padding: 20px 0 15px;
}
.wt:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
.color-level-2 {
    color: #777777;
}
.color-level-3 {
    color: #999999;
}
.color-level-4 {
    color: #BBBBBB;
}
.red-link {
    color: #9A0000;
}
.brown-link {
    color: #9A0000;
}
.btn {
    -moz-user-select: none;
    /*background: linear-gradient(#FAFAFA, #F2F2F2) repeat scroll 0 0 transparent;*/
    background:white;
    border: 1px solid #D9D9D9;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 0 white inset, 0 1px 0 rgba(255, 255, 255, 0.3);
    color: #444444;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    padding: 0 12px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    white-space: nowrap;
}
.btn:hover {
    background: linear-gradient(#FFFFFF, #F7F7F7) repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 0 white inset, 0 1px 0 rgba(255, 255, 255, 0.05);
    color: #444444;
    text-decoration: none;
}
.btn:active {
    background: linear-gradient(#F2F2F2, #EDEDED) repeat scroll 0 0 transparent;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.3);
}
.rbtn {
    background: linear-gradient(#E53E49, #D43636) repeat scroll 0 0 transparent;
    border: 1px solid #C90000;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08) inset, 0 1px 0 rgba(255, 255, 255, 0.3);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.rbtn:hover {
    background: linear-gradient(#F45D68, #E54646) repeat scroll 0 0 transparent;
    border: 1px solid #C90000;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
    color: #FFFFFF;
}
.rbtn:active {
    background: linear-gradient(#E43340, #D43636) repeat scroll 0 0 transparent;
    box-shadow: 0 1px 2px rgba(128, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.3);
}
.btn.disabled {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #D9D9D9;
    box-shadow: none;
    color: #BBBBBB;
    cursor: default;
    text-shadow: none;
}
.btn12 {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 9px;
}
.btn18 {
    border-radius: 3px 3px 3px 3px;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
}
.btn24 {
    border-radius: 4px 4px 4px 4px;
    font-size: 24px;
    height: 46px;
    line-height: 46px;
    padding: 0 18px;
}
.btn-with-icon {
    padding: 0 10px;
}
.btn i {
    background: url("../img/action_icons12.png") no-repeat scroll -20px 0 transparent;
    display: inline-block;
    height: 14px;
    margin-right: 2px;
    vertical-align: middle;
    width: 12px;
}
.btn i.like {
    background-position: -20px 0;
}
.btn:hover i.like {
    background-position: -20px -20px;
}
.btn:active i.like {
    background-position: -20px -40px;
}
.disabled i.like {
    background-position: -20px -60px !important;
}
.btn i.repin {
    background-position: 0 0;
}
.btn:hover i.repin {
    background-position: 0 -20px;
}
.btn:active i.repin {
    background-position: 0 -40px;
}
.disabled i.repin {
    background-position: 0 -60px !important;
}
.btn i.yes {
    background-position: -60px 0;
}
.btn:hover i.yes {
    background-position: -60px -20px;
}
.btn:active i.yes {
    background-position: -60px -40px;
}
.disabled i.yes {
    background-position: -60px -60px !important;
}
.btn i.no {
    background-position: -80px 0;
}
.btn:hover i.no {
    background-position: -80px -20px;
}
.btn:active i.no {
    background-position: -80px -40px;
}
.disabled i.no {
    background-position: -80px -60px !important;
}
.btn i.thunder {
    background-position: -40px 0;
}
.btn:hover i.thunder {
    background-position: -40px -20px;
}
.btn:active i.thunder {
    background-position: -40px -40px;
}
.disabled i.thunder {
    background-position: -40px -60px !important;
}
.btn i.pin-icon {
    background: url("../img/menu_sprite.png?new.png") no-repeat scroll 0 -450px transparent;
}
.btn i:last-child {
    margin: 0 -2px;
}
.clear-input {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) inset;
    color: #BBBBBB;
    display: inline-block;
    font-size: 16px;
    height: 36px;
    line-height: 1;
    padding: 0 10px;
    width: 250px;
}
.clear-input:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #999999;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    color: #444444;
}
textarea.clear-input {
    height: auto;
    line-height: 1.5;
    min-height: 78px;
    padding: 5px 10px;
}
.searching-unit {
    display: inline-block;
    position: relative;
}
.searching-unit input {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) inset;
    color: #BBBBBB;
    font-size: 14px;
    line-height: 16px;
    padding: 5px 8px;
    width: 120px;
}
.searching-unit input:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #CCCCCC;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) inset;
    color: #777777;
}
.searching-unit .go {
    background: url("../img/menu_sprite.png?new.png") no-repeat scroll 0 -100px transparent;
    cursor: pointer;
    display: block;
    height: 20px;
    position: absolute;
    right: 6px;
    top: 4px;
    width: 20px;
}
.searching-unit .go:hover {
    background-position: -50px -100px;
}
.flat-tabs {
    border-bottom: 1px solid #EDEDED;
    color: #444444;
    height: 37px;
}
.flat-tabs .tab {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #F7F7F7;
    border-color: #F7F7F7 #F7F7F7 -moz-use-text-color;
    border-image: none;
    border-radius: 2px 2px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    color: #777777;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: 36px;
    line-height: 36px;
    margin-right: 1px;
    padding: 0 15px;
    text-decoration: none;
}
.flat-tabs .tab:hover {
    background: none repeat scroll 0 0 #FCFCFC;
    color: #444444;
}
.flat-tabs .active {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid white;
    border-color: #EDEDED #EDEDED white;
    color: #444444;
    cursor: default;
}
.flat-tabs .active:hover {
    background: none repeat scroll 0 0 #FFFFFF;
}
.btn strong {
    font-weight: 400;
}
.Indicator {
    display: block;
    line-height: 16px;
    position: fixed;
    text-align: center;
    z-index: 100020;
}
#NewIndicator {
    cursor: pointer;
    left: 50%;
    margin-left: -69px;
    top: 42px;
}
#elevator_item {
    bottom: 10px;
    height: 100px;
    opacity: 1;
    position: fixed;
    right: 15px;
    transition: opacity 0.4s ease-in-out 0s;
    width: 60px;
    z-index: 100020;
}
#elevator_item.off {
    opacity: 0;
    visibility: hidden;
}
#elevator {
    background: url("../img/icon_top.png") no-repeat scroll center center rgba(0, 0, 0, 0.6);
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: block;
    height: 50px;
    margin-bottom: 10px;
    width: 60px;
}
#elevator:hover {
    background-color: rgba(0, 0, 0, 0.7);
}
#elevator:active {
    background-color: rgba(0, 0, 0, 0.75);
}
#elevator_item .qr {
    background: url("../img/icon_code.png") no-repeat scroll center center rgba(0, 0, 0, 0.6);
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: block;
    height: 40px;
    width: 60px;
}
#elevator_item .qr:hover {
    background-color: rgba(0, 0, 0, 0.7);
}
#elevator_item .qr:active {
    background-color: rgba(0, 0, 0, 0.75);
}
#elevator_item .qr-popup {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    bottom: 0;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    display: none;
    height: 200px;
    left: -180px;
    position: absolute;
    text-align: center;
    width: 170px;
}
#elevator_item .qr-popup .code-link {
    color: #777777;
    display: block;
    margin: 10px;
}
#elevator_item .qr-popup .code {
    display: block;
    margin-bottom: 10px;
}
#elevator_item .qr-popup .arr {
    background: url("../img/code_arrow.png") no-repeat scroll 0 0 transparent;
    bottom: 14px;
    height: 11px;
    position: absolute;
    right: -6px;
    width: 6px;
}
.loading {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(34, 25, 25, 0.14);
    border-image: none;
    border-style: double;
    border-width: 3px 0 0;
    display: none;
    font-weight: 700;
    margin-bottom: 15px;
    padding: 15px 0;
    text-align: center;
}
.loading img {
    display: inline-block;
    margin-right: 6px;
}
.loading span {
    font-size: 1.6em;
}
#MoreGrid {
    clear: both;
    color: #221919;
    display: none;
    margin: 0 auto 16px;
    padding: 0.7em 0.825em;
    text-align: center;
    text-decoration: none;
    width: 237px;
}
#MorePeople {
    display: block;
    margin-top: 10px;
}
.noise {
    background: url("../img/noise.png") repeat scroll 0 0 transparent;
    bottom: 0;
    left: 0;
    opacity: 0.75;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
#ctx_bar {
    border-bottom: 1px solid #E5E5E5;
    margin: 5px 0 15px;
    min-height: 24px;
    padding: 10px 0 12px;
    position: relative;
    text-shadow: 0 1px rgba(255, 255, 255, 0.9);
}
#ctx_bar:after {
    border-bottom: 1px solid white;
    bottom: -2px;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
}
#ctx_bar.fixed {
    left: 15px;
    position: fixed;
    top: 15px;
}
#ctx_bar p {
    border-width: 0;
    color: #211922;
    font-size: 1.8em;
    font-weight: 300;
    line-height: 1em;
    margin: 4px 0 0;
    padding: 0;
}
#ctx_bar p span.hilight {
    float: none;
    font-size: 1em;
    font-weight: 600;
    vertical-align: 5%;
}
#ctx_bar p span.selected {
    color: #CB2027;
}
#ctx_bar .bar-links a, #ctx_bar .bar-links span {
    border-right: 1px solid #DDDDDD;
    font-size: 18px;
    font-weight: 300;
    margin-right: 10px;
    padding-right: 10px;
}
#ctx_bar .bar-links a:last-child, #ctx_bar .bar-links span:last-child {
    border-right: 0 none;
}
#ctx_bar .goodies-tip {
    background: none repeat scroll 0 0 #FFFEF0;
    border: 1px solid #FFE1A6;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    padding: 0 25px 0 10px;
    position: absolute;
    right: 0;
    top: 10px;
}
#ctx_bar .goodies-tip .cls {
    background: url("../img/icon_close.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 5px;
    top: 6px;
    width: 16px;
}
#ctx_bar .goodies-tip .cls:hover {
    background-position: 0 -20px;
}
#ctx_bar .goodies-tip .cls:active {
    background-position: 0 -40px;
}
#category_query {
    font-size: 14px;
}
#category_query ul {
    margin-top: 15px;
    padding: 0 10px 5px 20px;
}
#category_query ul li.group {
    border-left: 2px solid #C90000;
    margin-bottom: 10px;
    padding-left: 10px;
}
#category_query .subqueries {
    margin-top: 15px;
    padding: 0 15px 15px;
}
#category_query .subqueries a {
    background-color: #FAFAFA;
    border: 1px solid #DDDDDD;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.03);
    color: #444444;
    float: left;
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 4px 10px;
    text-decoration: none;
}
#category_query .subqueries a.active, #category_query .subqueries a:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #C90000;
}
.top-left-prom {
    display: block;
    position: relative;
}
.top-left-prom .cls {
    background: url("../img/tip_close.png") no-repeat scroll center -40px transparent;
    display: none;
    height: 12px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 12px;
}
.top-left-prom:hover .cls {
    display: block;
}
.top-left-prom img {
    display: block;
}
#search_switch {
    font-size: 0;
    right: 0;
    top: 0;
}
#search_switch li {
    background: url("../img/tribe/tab_sprite.png") no-repeat scroll 0 -210px transparent;
    display: inline-block;
    font-size: 15px;
    margin-top: 10px;
}
#search_switch li.first {
    background-position: 0 -90px;
}
#search_switch li.last {
    background-position: right -330px;
    border-left: 1px solid #CCCCCC;
}
#search_switch li.selected {
    background-position: 0 -290px;
}
#search_switch li.first.selected {
    background-position: 0 -170px;
}
#search_switch li.last.selected {
    background-position: right -410px;
}
#search_switch li.selected a {
    color: #C90000;
}
#search_switch li a {
    background: url("../img/tribe/tab_sprite.png") no-repeat scroll 7px 8px transparent;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    padding: 2px 10px 2px 27px;
    text-decoration: none;
}
#search_switch li a.switch-pin:hover, #search_switch li.selected a.switch-pin {
    background-position: 7px -22px;
}
#search_switch li a.switch-shiji {
    background-position: 7px -452px;
}
#search_switch li a.switch-shiji:hover, #search_switch li.selected a.switch-shiji {
    background-position: 7px -482px;
}
#search_switch li a.switch-board {
    background-position: -113px 8px;
}
#search_switch li a.switch-board:hover, #search_switch li.selected a.switch-board {
    background-position: -113px -22px;
}
#search_switch li a.switch-people {
    background-position: -233px 8px;
}
#search_switch li a.switch-people:hover, #search_switch li.selected a.switch-people {
    background-position: -233px -22px;
}
.search-item {
    position: relative;
}
#search_result_form {
    margin: 10px 25px 10px 0;
}
#search_result_form input {
    font-size: 18px;
    padding: 8px 11px;
    width: 100%;
}
.search-item input {
    background-color: #FAFAFA;
    border-radius: 5px 5px 5px 5px;
    height: 18px;
    line-height: 18px;
    padding: 4px 11px;
    width: 234px;
}
.search-item .go {
    background: url("../img/sprite_nav.png?v2.png") repeat scroll -26px 5px transparent;
    cursor: pointer;
    height: 28px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}
#search_result_form .go {
    background: url("../img/sprite_nav.png?v2.png") repeat scroll -24px 9px transparent;
    height: 38px;
    right: -25px;
    width: 38px;
}
.search-item .go:hover {
    background-position: -26px -25px;
}
#search_result_form .go:hover {
    background-position: -24px -21px;
}
#search_from_sites, #ctx_bar .right {
    position: absolute;
    right: 0;
    top: 10px;
}
#ctx_bar .right {
    top: 16px;
}
#search_from_category, #ctx_bar .self-promote {
    margin-left: 10px;
}
#search_from_category, #ctx_bar .self-promote, #ctx_bar .promotion {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
}
#search_from_category.search-item input {
    width: 136px;
}
#ctx_bar .promotion {
    background-color: #FFFFFF;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #D4B67B;
    height: 28px;
    line-height: 28px;
    max-width: 300px;
    overflow: hidden;
    padding: 0 10px;
}
.search-status {
    color: #999999;
    font-size: 14px;
    padding-bottom: 10px;
}
.search-status strong {
    padding: 0 5px;
}
.search-status a {
    padding: 0 5px;
}
#people_search_item {
    float: right;
    margin-left: 10px;
    width: 130px;
}
#people_search_item input {
    font-size: 14px;
    height: 20px;
    width: 104px;
}
.Board {
    background-color: #FFFFFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    font-size: 12px;
    padding: 15px 15px 0;
    position: absolute;
    width: 236px;
}
.pin {
    background-color: #FFFFFF;
    transition: opacity 0.4s ease-in-out 0s;
    font-size: 12px;
    width: 236px;
    text-align:left;
    border: 1px solid #E3E3E3;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    margin-bottom : 10px;
}
#waterfall {
    margin: 16px auto 0;
    min-height: 500px;
    position: relative;
}
.wfc {
    left: -200px;
    position: absolute;
    top: 1000px;
    transition: opacity 0.4s ease-in-out 0s;
}
.wfc .promotion-icon {
    background: url("../img/icon_promotion.png") no-repeat scroll 0 0 transparent;
    height: 26px;
    left: -4px;
    position: absolute;
    top: 15px;
    width: 26px;
}
.wfc.promotions {
    width: 236px;
}
.wfc.promotions > div {
    margin-bottom: 15px;
}
.wfc.promotions > div:last-child {
    margin-bottom: 0;
}
.wfc .image-promotions {
    background: url("../img/promotions/top_right_ads_bg.gif?new.gif") no-repeat scroll left top transparent;
    height: 330px;
    padding: 15px 15px 16px;
    position: relative;
    text-align: center;
    width: 205px;
}
.wfc .user-promotions, .wfc .reading-promotions {
    background-color: #FFFFFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    position: relative;
}
.wfc .user-promotions h3, .wfc .reading-promotions h3 {
    background-color: #FAFAFA;
    border-top: 1px solid white;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    padding-left: 15px;
}
.wfc .user-promotions .user, .wfc .reading-promotions .reading-item {
    border-top: 1px solid #F5F2F2;
    padding: 10px 15px 0;
}
.wfc .user-promotions .user a.img, .wfc .reading-promotions img {
    float: left;
}
.wfc .user-promotions .user a.img, .wfc .user-promotions .user img {
    height: 64px;
    width: 64px;
}
.wfc .user-promotions .user-info {
    padding-left: 74px;
}
.wfc .user-promotions .username, .wfc .reading-promotions h4 {
    font-size: 14px;
    font-weight: 700;
    padding-top: 8px;
}
.wfc .reading-promotions h4 {
    font-size: 12px;
    padding-left: 60px;
    padding-top: 2px;
}
.wfc .user-promotions .pager, .wfc .reading-promotions .pager, .image-promotions .pager {
    position: absolute;
    right: 13px;
    top: 13px;
}
.wfc .image-promotions .pager {
    bottom: 20px;
    right: 20px;
    top: auto;
}
.wfc .user-promotions .pager li, .wfc .reading-promotions .pager li, .wfc .image-promotions .pager li {
    background: url("../img/promotions/page.png") no-repeat scroll 1px 1px transparent;
    cursor: pointer;
    display: inline-block;
    height: 12px;
    margin-right: 1px;
    text-indent: -9999px;
    width: 12px;
}
.wfc .user-promotions .pager li:hover, .wfc .reading-promotions .pager li:hover, .wfc .image-promotions .pager li:hover {
    background-position: 1px -19px;
    cursor: pointer;
}
.wfc .user-promotions .pager li.current, .wfc .reading-promotions .pager li.current, .wfc .image-promotions .pager li.current {
    background-position: 1px -19px;
    cursor: auto;
}
.wfc .user-promotions .meta {
    font-size: 12px;
    padding-top: 10px;
}
.wfc .user-promotions .meta, .wfc .user-promotions .meta a {
    color: #AD9C9C;
}
.wfc .user-promotions .description, .wfc .reading-promotions .subtitle {
    clear: both;
    color: #444444;
    font-size: 12px;
    padding: 10px 0;
}
.Board .promotion-icon {
    top: 35px;
}
#waterfall .wft {
    transition: left 0.5s ease-in-out 0s, top 0.5s ease-in-out 0s;
}
#waterfall .padding-block {
    background-color: #E8E8E8;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.6);
    position: absolute;
    width: 230px;
}
.pin a.img, .Board a.img {
    position: relative;
}
.pin a.long {
    display: block;
    height: 800px;
    overflow: hidden;
    position: relative;
}
.pin .stop {
    background: url("../img/long_image_shadow.png") repeat-x scroll left top transparent;
    bottom: -1px;
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 236px;
}
.pin .stats {
    margin: 10px 0;
    padding: 0 15px;
}
.pin .video {
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 1;
}
.pin .commodity {
    border-bottom: 1px solid #EDEDED;
    height: 24px;
    line-height: 24px;
    padding: 10px 16px;
    position: relative;
    text-align: left;
}
.pin .commodity .likes {
    background: url("../img/like.png") no-repeat scroll 1px 1px transparent;
    padding-left: 18px;
}
.pin .commodity span.liked {
    background-position: 1px -19px;
}
.pin .commodity .price {
    background-color: #F2F2F2;
    background-repeat: no-repeat;
    border-radius: 2px 2px 2px 2px;
    color: #C90000;
    display: inline-block;
    float: right;
    height: 17px;
    line-height: 17px;
    padding: 4px 6px;
    text-decoration: none;
}
.pin .commodity em.icon {
    background: url("../img/store_icons.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 16px;
    margin-left: 2px;
    margin-right: 4px;
    vertical-align: top;
    width: 16px;
}
.pin:hover .commodity em.icon {
    background-position: 0 -50px;
}
.pin .description {
    display: block;
    line-height: 1.35em;
    margin: 10px 0;
    overflow: hidden;
    padding: 0 16px;
    word-wrap: break-word;
}
.convo {
    background: none repeat scroll 0 0 #FAFAFA;
}
.convo:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
.convo p {
    margin: 0 0 0 36px;
    overflow: hidden;
}
.convo a.img img {
    height: 34px;
    width: 34px;
}
a.convo {
    display: block;
    padding: 12px 15px;
    text-align: center;
}
a.convo:hover {
    background-color: #F2F0F0;
}
a.convo:active {
    background-color: #E1DFDF;
    color: #221919;
}
#waterfall .video-overlay {
    background: url("../img/media_video.png") no-repeat scroll center center transparent;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
.attribution {
    background: none repeat scroll 0 0 #FAFAFA;
    border-top: 1px solid #F2F2F2;
    color: #999999;
    position: relative;
}
#waterfall .video-icon {
    left: 50%;
    margin: -31px auto auto -36px;
    position: absolute;
    top: 50%;
}
.attribution a {
    color: #9E7E6B;
}
.attribution .NoImage {
    height: auto;
    margin: 0;
    padding: 10px 0;
}
.pin .attribution {
    padding: 0 16px;
}
.pin .attribution .img {
    display: block;
    float: left;
    height: 34px;
    margin: 16px 0;
    width: 34px;
}
.pin .attribution .avt {
    display: block;
    height: 34px;
    width: 34px;
}
.pin .attribution .text {
    border-left: 1px solid #F2F2F2;
    height: 51px;
    line-height: 1.5;
    margin-left: 51px;
    padding: 15px 0 0 15px;
}
.pin .attribution .text .inner {
    height: 37px;
    overflow: hidden;
}
.comments {
    border-top: 1px solid #F5F2F2;
}
#pin_comments div#more_comments {
    cursor: pointer;
    font-size: 16px;
    overflow: visible;
    text-align: center;
}
.comments .comment {
    border-bottom: 1px solid #EDEDED;
    border-top: 1px solid white;
    overflow: hidden;
    position: relative;
}
.comments .comment a.img {
    background: none repeat scroll 0 0 transparent;
    float: left;
    height: 34px;
    padding: 16px;
    width: 34px;
}
.pin .comment .content {
    border-left: 1px solid #F2F2F2;
    line-height: 1.5;
    margin-left: 67px;
    min-height: 36px;
    padding: 15px;
    word-wrap: break-word;
}
.comments .comment:last-child {
    border-bottom-width: 0;
}
.comments .comment p {
    width: 156px;
}
.comments .comment a {
    color: #9E7E6B;
}
.comments .comment .replyButton, .attribution .replyButton {
    background: url("../img/home_comment_act_icon.png") no-repeat scroll 0 0 transparent;
    bottom: 0;
    cursor: pointer;
    display: block;
    height: 16px;
    opacity: 0;
    position: absolute;
    right: 0;
    visibility: hidden;
    width: 26px;
}
.comments .comment .replyButton:hover, .attribution .replyButton:hover {
    background-position: 0 -20px;
}
.comments .comment .replyButton:active, .attribution .replyButton:active {
    background-position: 0 -40px;
}
.comments .comment:hover .replyButton, .attribution:hover .replyButton {
    bottom: 0;
    opacity: 1;
    right: 0;
    visibility: visible;
}
.write {
    border-top: 1px solid #D9D4D4;
    box-shadow: 0 1px #FCFAFA inset;
    padding: 16px;
    position: relative;
}
.write textarea {
    border-color: #DDDDDD;
    display: block;
    font-size: 12px;
    height: 25px;
    line-height: 1.1;
    margin-left: 51px;
    min-height: 0;
    overflow: hidden;
    transition: width 0.25s ease-in-out 0s;
    width: 131px;
}
.write a.img {
    height: 34px;
    left: 16px;
    position: absolute;
    top: 17px;
    width: 34px;
}
.write .grid_comment_button {
    display: none;
    float: right;
    margin-top: 10px;
}
.focus .grid_comment_button {
    display: inline-block;
}
.Board {
    padding: 0;
    position: static;
    width: 236px;
}
.Board .over h3 {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    padding: 8px 0 0 8px;
    text-overflow: ellipsis;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    white-space: nowrap;
}
.Board .over h4 {
    color: #FFFFFF;
    font-size: 12px;
    height: 38px;
    line-height: 1.5;
    margin-top: 5px;
    opacity: 0;
    overflow: hidden;
    padding: 0 8px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    transition: opacity 0.2s linear 0s;
}
.Board:hover h4 {
    opacity: 1;
}
.Board .pin-count {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    font-size: 12px;
    height: 20px;
    left: 8px;
    line-height: 20px;
    padding: 0 5px;
    position: absolute;
    top: 188px;
}
.Board .link {
    display: block;
    height: 299px;
    overflow: hidden;
    padding: 10px 0 0 10px;
    position: relative;
}
.Board .link img {
    float: left;
    height: 70px;
    margin: 0 3px 3px 0;
    width: 70px;
}
.Board .link img.large {
    height: 216px;
    width: 216px;
}
.Board .link .shadows {
    left: 10px;
    position: absolute;
    top: 10px;
    width: 226px;
}
.Board .link .shadows .shadow {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset;
    float: left;
    height: 70px;
    margin: 0 3px 3px 0;
    width: 70px;
}
.Board .link .shadows .large-shadow {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset;
    float: left;
    height: 216px;
    margin: 0 3px 3px 0;
    width: 216px;
}
.Board .link .over {
    background: url("../img/board_info_cover.png") repeat-x scroll 0 0 transparent;
    height: 289px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 216px;
}
.Board .link .over:hover {
    background-color: rgba(0, 0, 0, 0.1);
}
.Board .link .empty-board {
    background: none repeat scroll 0 center transparent;
}
.Board .link .empty-board h3 {
    color: #999999;
    text-shadow: none;
}
.Board .link .empty-board h4 {
    color: #999999;
    text-shadow: none;
}
.Board .likesComments {
    background-color: #FFFFFF;
    margin: 0;
    padding: 0 15px 10px;
}
.Board .FollowBoard {
    padding: 0 10px 11px;
    text-align: center;
}
.Board .FollowBoard .btn {
    display: block;
}
.Board .FollowBoard .BoardMeta {
    float: left;
    font-size: 12px;
    margin-top: 8px;
    width: auto;
}
.Board .FollowBoard2 {
    padding: 0 10px 16px;
    position: relative;
}
.Board .FollowBoard2 .BoardMeta {
    float: left;
    font-size: 12px;
    margin-top: 8px;
    width: auto;
}
.sortable {
    display: block;
    margin-left: -15px !important;
}
.sortable li {
    float: left;
    margin: 0 0 15px 15px;
    position: relative;
}
.dragable .draglay {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}
.dragable li, .dragable li div, .dragable li a {
    cursor: move;
}
#boards_sort_cancel {
    margin-right: 5px;
}
.user a.img {
    display: block;
    margin-top: 15px;
}
.user a.img img {
    display: block;
    height: 206px;
    margin: 0 auto;
    width: 206px;
}
.user h2 {
    display: block;
    font-size: 18px;
    font-weight: 300;
    height: 18px;
    line-height: 1em;
    overflow: hidden;
    padding: 10px 15px 5px;
    white-space: nowrap;
}
.user .location {
    font-size: 13px;
    height: 17px;
    margin: 0 15px 8px;
    overflow: hidden;
    white-space: nowrap;
}
.user .btn {
    display: block;
    margin: 0 15px 12px;
}
.pin .actions {
    display: none;
    left: 6px;
    position:relative;
    right: 6px;
    top: 6px;
    z-index: 3;
}
.pin .actions div {
    position: absolute;
}
.pin .actions .btn em {
    background-image: url("../img/ActionIcons10.png?20121228");
    display: inline-block;
    height: 10px;
    margin-right: 2px;
    width: 10px;
}
.pin .left {
    left: 0;
    top: 0;
}
.pin .right {
    right: 12px;
    top: 0;
}
.pin:hover .actions {
    display: block;
}
.pin .actions .btn {
    height: 30px;
    line-height: 30px;
}
.actions .thunderpin {
    border-radius: 2px 0 0 2px;
    border-right: 0 none;
}
.actions .repin {
    border-radius: 0 2px 2px 0;
    padding: 0 8px;
    vertical-align: top;
}
.actions .like em {
    background-position: -10px 0;
}
.actions .unlike em {
    background-position: -40px 0;
}
.actions .like:hover em {
    background-position: -10px -10px;
}
.actions .unlike:hover em {
    background-position: -50px -10px;
}
.actions .like:active em {
    background-position: -10px -20px;
}
.actions .unlike:active em {
    background-position: -50px -20px;
}
.actions .comment, #BoardButton .share {
    background-color: rgba(51, 51, 51, 0.85);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    display: none;
    padding: 15px;
    position: absolute;
    right: 2px;
    top: 40px;
    width: 176px;
}
.actions .comment {
    display: block;
}
.actions .comment:before, #BoardButton .share:before {
    background: url("../img/like_tip_arrow.png") no-repeat scroll left top transparent;
    content: "▲";
    display: block;
    height: 9px;
    position: absolute;
    right: 25px;
    text-indent: -9999px;
    top: -9px;
    width: 15px;
}
.actions .comment .pointer, #BoardButton .share .pointer {
    background: url("../img/like_tip_arrow.png") no-repeat scroll left top transparent;
    display: block;
    height: 9px;
    position: absolute;
    right: 25px;
    text-indent: -9999px;
    top: -9px;
    width: 15px;
}
.actions .comment .close, #BoardButton .share .close {
    background: url("../img/btn_close.png") no-repeat scroll left top transparent;
    color: #DDDDDD;
    display: block;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    text-indent: -9999px;
    top: 0;
    width: 12px;
}
.actions .comment .close:hover, #BoardButton .share .close:hover {
    background-position: 0 -20px;
}
.actions .comment .close:active, #BoardButton .share .close:active {
    background-position: 0 -40px;
}
.actions .comment textarea {
    background-color: #F7F7F7;
    border-color: #CCCCCC;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    padding-right: 40px;
    width: 133px;
}
.actions .comment input[type="submit"] {
    background: url("../img/btn_submit.png") no-repeat scroll left top transparent;
    border: 0 none;
    cursor: pointer;
    height: 22px;
    position: absolute;
    right: 16px;
    text-indent: -9999px;
    top: 19px;
    width: 22px;
}
.actions .comment label, #BoardButton .share label {
    color: #999999;
    display: block;
    font-size: 12px;
    margin: 10px 0;
}
.actions .comment .js-share-buttons li, #BoardButton .share .js-share-buttons li {
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    width: 16px;
}
.actions .comment .js-share-buttons .share-button, #BoardButton .share .js-share-buttons .share-button {
    background: url("../img/icon_share_wt.png") no-repeat scroll left top transparent;
    display: block;
    height: 16px;
    text-decoration: none;
    text-indent: -9999px;
    width: 16px;
}
.actions .comment .js-share-buttons .share-button:hover, #BoardButton .share .js-share-buttons .share-button:hover {
    background-position: 0 -30px;
}
.actions .comment .js-share-buttons .share-button.qzone, #BoardButton .share .js-share-buttons .share-button.qzone {
    background-position: -30px 0;
}
.actions .comment .js-share-buttons .share-button.qzone:hover, #BoardButton .share .js-share-buttons .share-button.qzone:hover {
    background-position: -30px -30px;
}
.actions .comment .js-share-buttons .share-button.tqq, #BoardButton .share .js-share-buttons .share-button.tqq {
    background-position: -60px 0;
}
.actions .comment .js-share-buttons .share-button.tqq:hover, #BoardButton .share .js-share-buttons .share-button.tqq:hover {
    background-position: -60px -30px;
}
.actions .comment .js-share-buttons .share-button.douban, #BoardButton .share .js-share-buttons .share-button.douban {
    background-position: -90px 0;
}
.actions .comment .js-share-buttons .share-button.douban:hover, #BoardButton .share .js-share-buttons .share-button.douban:hover {
    background-position: -90px -30px;
}
.actions .comment .js-share-buttons .share-button.renren, #BoardButton .share .js-share-buttons .share-button.renren {
    background-position: -120px 0;
}
.actions .comment .js-share-buttons .share-button.renren:hover, #BoardButton .share .js-share-buttons .share-button.renren:hover {
    background-position: -120px -30px;
}
.feed {
    margin: 0;
    overflow: visible;
    padding: 15px 15px 0;
    width: 192px;
}
.feed .section {
    margin-bottom: 30px;
}
.feed h2 {
    border-bottom: 1px solid #E1DFDF;
    font-size: 13px;
    font-weight: 300;
}
.feed .story {
    clear: both;
    color: #221919;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: 400;
    margin-left: -15px;
    padding: 10px 35px 0 15px;
    position: relative;
    width: 100%;
}
.feed .story .hidden {
    display: none;
}
.feed .story .times {
    color: #CB2027;
    display: block;
    font-size: 14px;
    left: 225px;
    position: absolute;
    text-align: center;
    top: -5px;
    width: 20px;
    z-index: 10;
}
.feed .story .overlay {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 20px;
    left: 225px;
    position: absolute;
    top: -5px;
    width: 20px;
    z-index: 5;
}
.feed .story:hover .overlay, .feed .story .overlay:hover {
    opacity: 1;
}
a.remove_activity_rec:hover, a.remove_activity_invite:hover {
    text-decoration: none !important;
}
.feed .story .btn {
    float: right;
    margin-left: 4px;
}
.feed .story .profile img {
    float: left;
    height: 30px;
    margin-right: 6px;
    width: 30px;
}
.feed .story .profile span {
    float: left;
    width: 92px;
}
.feed a.story {
    margin: 0 -15px;
    overflow: hidden;
    padding: 5px 15px;
}
.feed a.story:last-child {
    padding-bottom: 15px;
}
.feed .all {
    float: left;
    margin: 10px 0 20px;
    width: 100%;
}
.feed .story .timeago {
    color: #8C7E7E;
    display: block;
}
.feed .story .remove {
    border: 1px solid transparent;
    border-radius: 2px 2px 2px 2px;
    display: none;
    left: -16px;
    padding: 3px;
    position: absolute;
    top: 14px;
}
.feed .story:hover .remove {
    display: block;
}
.feed .story .remove:hover {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
}
.FirstThree {
    max-height: 126px;
    overflow: visible;
}
#recent_activity_holder {
    margin-bottom: 0;
}
#recent_activity_holder h2 {
    margin-bottom: 5px;
}
#header {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    height: 42px;
    position: relative;
    z-index: 99997;
}
.menu-bar-at-side #header .menu-nav {
    display: none;
}
.menu-bar-at-side #header.pinning {
    margin-left: 60px;
}
#page.menu-bar-at-side {
    margin-left: 60px;
}
.menu-bar-at-side #pin_view_arrows .prev {
    left: 60px;
}
.menu-bar-at-side #header_side_menu {
    display: block;
}
.menu-bar-at-side .sub-toolbar {
    left: 60px;
}
#menu_bar {
    height: 42px;
}
#menu_bar .left-part {
    height: 42px;
    left: 0;
    position: absolute;
    top: 0;
}
#menu_bar .right-part {
    border-left: 1px solid #F5F5F5;
    height: 42px;
    position: absolute;
    right: 0;
    top: 0;
}
#menu_bar .searching-unit {
    float: left;
    margin-top: 6px;
}
#menu_bar .nav {
    border-right: 1px solid #F5F5F5;
    cursor: pointer;
    float: left;
    height: 42px;
    position: relative;
    text-align: center;
    width: 42px;
}
#menu_bar .nav:hover {
    background-color: #F7F7F7;
}
#menu_bar .nav .nav-link {
    display: block;
    height: 42px;
    position: relative;
}
#menu_bar .arrow {
    background: url("../img/menu_sprite.png?new.png") no-repeat scroll 0 -50px transparent;
    bottom: 0;
    height: 8px;
    position: absolute;
    right: 0;
    width: 8px;
}
#menu_bar .nav .nav-icon {
    background: url("../img/menu_sprite.png?new.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 16px;
    left: 50%;
    margin: -8px 0 0 -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
#menu_bar .menu-nav.blink {
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}
#menu_bar .menu-nav.blink .nav-icon {
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}
#menu_bar .menu-nav {
    border-left: 1px solid #F5F5F5;
    margin-right: 10px;
    width: 56px;
}
#menu_bar .menu-nav .nav-icon {
    background: url("../img/mask_menu_icon.png") no-repeat scroll 0 0 #999999;
}
#menu_bar .menu-nav:hover .nav-icon {
    background-color: #222222;
    background-position: 0 -20px;
}
#menu_bar .menu-tip {
    background: none repeat scroll 0 0 rgba(51, 51, 51, 0.9);
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    left: 0;
    padding: 16px 20px;
    position: absolute;
    top: 57px;
}
.menu-bar-at-side #menu_bar .menu-tip {
    display: none !important;
}
#menu_bar .menu-tip h2 {
    color: #FFFFFF;
    font-size: 16px;
    padding: 0;
    white-space: nowrap;
}
#menu_bar .menu-tip a {
    color: #DDDDDD;
    display: block;
    margin-top: 10px;
    white-space: nowrap;
}
#menu_bar .menu-tip a:hover {
    color: #FFFFFF;
}
#menu_bar .menu-tip .arr {
    background: url("../img/new_features_tips_arrow.png") no-repeat scroll 0 0 transparent;
    height: 10px;
    left: 20px;
    position: absolute;
    top: -10px;
    width: 17px;
}
#menu_bar .menu-tip .cls {
    background: url("../img/new_features_tip_colse.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 22px;
    position: absolute;
    right: -11px;
    top: -11px;
    visibility: hidden;
    width: 22px;
}
#menu_bar .menu-tip .cls:hover {
    background-position: 0 -30px;
}
#menu_bar .menu-tip .cls:active {
    background-position: 0 -60px;
}
#menu_bar .menu-tip:hover .cls {
    visibility: visible;
}
#menu_bar .add-nav .nav-icon {
    background-position: 0 -150px;
}
#menu_bar .add-nav .nav-link:hover .nav-icon {
    background-position: -50px -150px;
}
#menu_bar .add-nav .menu {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    color: #221919;
    display: none;
    font-size: 14px;
    left: -74px;
    line-height: 1;
    position: absolute;
    text-align: left;
    top: 56px;
    width: 190px;
}
#menu_bar .add-nav .menu .group {
    border-bottom: 1px solid #E1DFDF;
    position: relative;
}
#menu_bar .add-nav .menu a {
    display: block;
    font-weight: 400;
    padding: 15px 0 15px 42px;
    position: relative;
    text-align: left;
    text-decoration: none;
}
#menu_bar .add-nav .menu a:hover {
    background-color: #F2F2F2;
    color: #221919;
}
#menu_bar .add-nav .menu a i {
    background: url("../img/icon_user_menu.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 12px;
    left: 20px;
    position: absolute;
    top: 15px;
    width: 12px;
}
#menu_bar .add-nav .menu a i.upload {
    background-position: 0 -480px;
}
#menu_bar .add-nav .menu a i.add-board {
    background-position: 0 -520px;
}
#menu_bar .add-nav .menu a i.goodies {
    background-position: 0 -80px;
}
#menu_bar .add-nav .menu span {
    color: #999999;
    display: block;
    font-size: 12px;
    margin-left: -22px;
    margin-top: 8px;
}
#menu_bar .add-nav .menu .arrow {
    background: url("../img/menu_arrow.png") no-repeat scroll 0 0 transparent;
    height: 10px;
    left: 50%;
    margin-left: -9px;
    position: absolute;
    top: -9px;
    width: 18px;
}
#menu_bar .alert-nav .nav-icon {
    background-position: 0 -200px;
}
#menu_bar .alert-nav .nav-link:hover .nav-icon {
    background-position: -50px -200px;
}
#menu_bar .alert-nav .num {
    background: none repeat scroll 0 0 #C60000;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    font-size: 10px;
    line-height: 14px;
    padding: 0 3px;
    position: absolute;
    right: 6px;
    top: 6px;
}
#menu_bar .alert-nav .hiding {
    display: none;
}
#menu_bar .login-nav {
    background: none repeat scroll 0 0 #FFFFFF !important;
    width: 140px;
}
#menu_bar .login-nav .btn {
    margin-top: 6px;
}
#menu_bar .login-nav .login {
    margin-right: 10px;
}
#nav_user .avt {
    display: block;
    left: 50%;
    margin: -10px 0 0 -10px;
    position: absolute;
    top: 50%;
}
#menu_bar .nav .tools .nav-icon {
    background-position: 0 -960px;
}
#nav_user .menu {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    color: #221919;
    display: none;
    font-size: 14px;
    line-height: 1;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: left;
    top: 42px;
    width: 200px;
}
#nav_user .menu:before {
    border-bottom: 1px solid #E0DEDE;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    content: "";
    display: block;
    margin: 0 -10px;
}
#nav_user .group {
    border-bottom: 1px solid #E1DFDF;
    display: block;
    position: relative;
}
#nav_user .menu a {
    color: #222222;
    display: block;
    font-weight: 400;
    padding: 12px 0 12px 40px;
    position: relative;
    text-align: left;
}
#nav_user .menu a:hover {
    background-color: #F2F2F2;
    color: #221919;
    text-decoration: none;
}
#nav_user .menu .shops {
    position: relative;
}
#nav_user .menu .shops .sub-link {
    background: none repeat scroll 0 center transparent;
    bottom: 7px;
    padding: 5px;
    position: absolute;
    right: 20px;
}
#nav_user .menu .shops .sub-link:hover {
    text-decoration: underline;
}
#nav_user .group:last-child a:last-child {
    padding-bottom: 16px;
}
#nav_user .group:first-child a:first-child {
    padding-top: 16px;
}
#nav_user .group:first-child a:first-child i {
    top: 18px;
}
#nav_user .group a i {
    background: url("../img/icon_user_menu.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 16px;
    left: 16px;
    position: absolute;
    top: 14px;
    width: 16px;
}
#nav_user .group a i.friends {
    background-position: 0 -40px;
}
#nav_user .group a i.goodies {
    background-position: 0 -80px;
}
#nav_user .group a i.apps {
    background-position: 0 -120px;
}
#nav_user .group a i.settings {
    background-position: 0 -160px;
}
#nav_user .group a i.exit {
    background-position: 0 -200px;
}
#nav_user .group a i.login {
    background-position: 0 -240px;
}
#nav_user .group a i.signup {
    background-position: 0 -280px;
}
#nav_user .group a i.shiji {
    background-position: 0 -320px;
}
#nav_user .group a i.following {
    background-position: 0 -360px;
}
#nav_user .group a i.following-boards {
    background-position: 0 -440px;
}
#nav_user .group a i.followers {
    background-position: 0 -400px;
}
#header_main_menu {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    cursor: default;
    display: none;
    left: -1px;
    position: absolute;
    text-align: left;
    top: 56px;
    width: 721px;
}
#header_main_menu a {
    color: #222222;
}
#header_main_menu .left-module {
    float: left;
    height: 440px;
    padding: 30px 20px 0 30px;
    width: 120px;
}
#header_main_menu .bottom-bar {
    background: none repeat scroll 0 0 #FAFAFA;
    border-top: 1px solid #EDEDED;
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
    position: relative;
}
#header_main_menu .bottom-bar .links {
    bottom: 0;
    height: 50px;
    position: absolute;
    right: 10px;
}
#header_main_menu .bottom-bar .links a {
    color: #777777;
    margin-right: 10px;
}
#header_main_menu .up-arrow {
    background: url("../img/menu_arrow.png") no-repeat scroll 0 0 transparent;
    height: 10px;
    left: 19px;
    position: absolute;
    top: -9px;
    width: 18px;
}
#header_main_menu .right-module {
    border-left: 1px solid #EDEDED;
    float: left;
    font-size: 14px;
    padding: 30px 20px 0 30px;
    width: 500px;
}
#header_main_menu .right-module .row-0 {
    float: left;
    width: 150px;
}
#header_main_menu .right-module .row-1 {
    float: left;
    width: 180px;
}
#header_main_menu .right-module .row-2 {
    float: left;
    width: 170px;
}
#header_main_menu .main-link {
    background: url("../img/menu_sprite.png?new.png") no-repeat scroll 0 -250px transparent;
    color: #222222;
    display: block;
    font-size: 16px;
    font-weight: 700;
    height: 24px;
    line-height: 24px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding-left: 34px;
    position: relative;
}
#header_main_menu .main-link.with-line {
    border-bottom: 1px solid #EDEDED;
}
#header_main_menu .selection {
    background-position: 0 -990px;
}
#header_main_menu .shiji {
    background-position: 0 -350px;
}
#header_main_menu .apps {
    background-position: 0 -400px;
}
#header_main_menu .design {
    background-position: 0 -1090px;
    color: #999999;
}
#header_main_menu .all {
    background-position: 0 -300px;
}
#header_main_menu .to-side {
    color: #222222;
    font-weight: 700;
}
#header_main_menu .coming-soon {
    background: none repeat scroll 0 0 #BABABA;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 400;
    left: 105px;
    line-height: 1;
    padding: 2px;
    position: absolute;
    top: 4px;
    white-space: nowrap;
}
#header_main_menu .group {
    margin-bottom: 14px;
    padding-bottom: 1px;
    padding-left: 34px;
}
#header_main_menu .group a {
    display: block;
    margin-bottom: 15px;
}
#header_main_menu .twin-style a {
    display: inline-block;
    margin-right: 10px;
}
#header_side_menu {
    background: none repeat scroll 0 0 #333332;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 60px;
    z-index: 99998;
}
#header_side_menu .nav {
    border-bottom: 1px solid #2E2E2D;
    cursor: pointer;
    height: 50px;
    position: relative;
}
#header_side_menu .nav:hover {
    background-color: #40403E;
}
#header_side_menu .pinned {
    height: 42px;
}
#header_side_menu .pinned, #header_side_menu .pinned:hover {
    background-color: #4D4D4A;
}
#header_side_menu .nav .nav-link {
    display: block;
    height: 50px;
}
#header_side_menu .nav i {
    background: url("../img/menu_sprite.png?new.png") no-repeat scroll 0 -550px transparent;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    position: absolute;
    top: 50%;
    width: 24px;
}
#header_side_menu .pinned i {
    background-position: 0 -500px;
}
#header_side_menu .pinned:hover i {
    background-position: -50px -500px;
}
#header_side_menu .following:hover i {
    background-position: -50px -550px;
}
#header_side_menu .all i {
    background-position: 0 -600px;
}
#header_side_menu .all:hover i {
    background-position: -50px -600px;
}
#header_side_menu .selection i {
    background-position: 0 -1040px;
}
#header_side_menu .selection:hover i {
    background-position: -50px -1040px;
}
#header_side_menu .more i {
    background-position: 0 -650px;
}
#header_side_menu .more:hover i {
    background-position: -50px -650px;
}
#header_side_menu .info i {
    background-position: 0 -700px;
}
#header_side_menu .info:hover i {
    background-position: -50px -700px;
}
#header_side_menu .shiji i {
    background-position: 0 -750px;
}
#header_side_menu .shiji:hover i {
    background-position: -50px -750px;
}
#header_side_menu .apps i {
    background-position: 0 -800px;
}
#header_side_menu .apps:hover i {
    background-position: -50px -800px;
}
#header_side_menu .design i {
    background-position: 0 -1140px;
}
#header_side_menu .design:hover i {
    background-position: -50px -1140px;
}
#header_side_menu .clock {
    background: url("../img/icon_comingsoon.png") no-repeat scroll 0 0 transparent;
    bottom: 2px;
    height: 10px;
    position: absolute;
    right: 2px;
    width: 10px;
}
#header_side_menu .coming-soon {
    background: none repeat scroll 0 0 #BABABA;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    margin-top: 5px;
    padding: 2px;
}
#header_side_menu .info {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 60px;
}
#header_side_menu .nav .arrow {
    background: url("../img/menu_sprite.png?new.png") no-repeat scroll 0 -50px transparent;
    bottom: 0;
    height: 8px;
    position: absolute;
    right: 0;
    width: 8px;
}
#header_side_menu .menu {
    background: none repeat scroll 0 0 rgba(51, 51, 51, 0.95);
    border-left: 1px solid black;
    border-radius: 2px 2px 2px 2px;
    display: none;
    left: 70px;
    padding: 30px 0 0 30px;
    position: absolute;
    top: 42px;
    width: 430px;
    z-index: 99999;
}
#header_side_menu .menu a {
    color: #DDDDDD;
    display: block;
    margin-bottom: 15px;
}
#header_side_menu .menu a:hover {
    color: #FFFFFF;
}
#header_side_menu .menu .promotion a {
    color: #9C7F6A;
}
#header_side_menu .menu .group {
    margin-bottom: 14px;
}
#header_side_menu .menu .pointer {
    background: url("../img/menu_sprite.png?new.png") no-repeat scroll 0 -910px transparent;
    height: 12px;
    left: -6px;
    margin-top: -6px;
    position: absolute;
    top: 78px;
    width: 6px;
}
#header_side_menu .more-links .special {
    margin-bottom: 30px;
}
#header_side_menu .more-links .special a {
    color: #FFFFFF;
    font-weight: 700;
}
#header_side_menu .more-links .row-0 {
    float: left;
    width: 150px;
}
#header_side_menu .more-links .row-1 {
    float: left;
    width: 140px;
}
#header_side_menu .more-links .row-2 {
    float: left;
    padding-right: 10px;
    width: 130px;
}
#header_side_menu .info-links {
    bottom: 0;
    height: auto;
    padding-bottom: 15px;
    top: auto;
    width: 90px;
}
#header_side_menu .info-links .pointer {
    top: 145px;
}
#header_side_menu .selection-links {
    height: auto;
    padding-bottom: 15px;
    top: 144px;
    width: 60px;
}
#header_side_menu .selection-links .pointer {
    top: 29px;
}
#invite_friends {
    margin: 9px 10px 0 0;
    padding: 4px 10px;
}
#find_friends {
    float: left;
    margin-top: 5px;
    padding: 4px 10px;
    visibility: hidden;
}
.sheet {
    background: url("../img/tips_bg.gif") repeat scroll 0 0 transparent;
    border-bottom: 2px solid #EFEBDA;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 -1px 0 #FFFFFF inset, 0 1px 6px rgba(0, 0, 0, 0.3);
    margin: auto;
    padding: 0;
    position: relative;
    width: 840px;
}
.sheet a.close {
    background: url("../img/sheet_close.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
}
.sheet a.close:hover {
    background-position: 0 -30px;
}
.sheet a.close:active {
    background-position: 0 -60px;
}
.sheet .head {
    border-bottom: 1px solid #F6F4EE;
    padding: 20px 15px;
}
.sheet .head h2 {
    color: #444444;
    font-size: 18px;
    font-weight: 400;
    padding: 0;
    text-align: center;
}
.sheet .body {
    border-top: 1px solid #FFFFFF;
    padding: 10px 15px;
}
.sheet .body h5 {
    color: #444444;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 14px;
}
.sheet .body .buttons {
    border-top: 1px solid #F6F4EE;
}
.sheet .body .buttons .inner {
    border-top: 1px solid #FFFFFF;
    padding: 10px 0;
}
.sheet .body .buttons a {
    float: right;
    margin-left: 10px;
}
#intro {
    font-family: "微软雅黑","helvetica neue",arial,sans-serif;
    font-size: 16px;
    height: 58px;
    padding: 10px 15px;
}
#browser_notice_callout {
    z-index: 999;
}
#user_sc_callout .callout, #browser_notice_callout .callout {
    font-size: 14px;
    padding: 20px;
}
#browser_notice_callout .chrome {
    background: url("../img/icon_chrome.gif") no-repeat scroll 0 -1px transparent;
    display: block;
    font-size: 18px;
    line-height: 24px;
    padding-left: 26px;
    position: absolute;
    right: 60px;
    top: 30px;
}
.sheet span.close, #browser_notice_callout span.close {
    background: url("../img/close_callout.gif") no-repeat scroll left top transparent;
    cursor: pointer;
    display: block;
    height: 20px;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 20px;
}
.sheet span.close:hover, #browser_notice_callout span.close:hover {
    background-position: 0 -30px;
}
.sheet span.close:active, #browser_notice_callout span.close:active {
    background-position: 0 -60px;
}
#user_sc_callout .sheet h3 {
    background: url("../img/icon_check_24w.png") no-repeat scroll left center transparent;
    padding-left: 30px;
}
#user_sc_callout .sheet h3 a {
    color: #C90000;
    margin-left: 45px;
}
#sheet .sheet {
    width: 850px;
}
#sheet {
    left: 50%;
    margin-left: -425px;
    position: fixed;
    top: 39px;
    z-index: 99996;
}
#sheet.comment-captcha {
    margin-left: -265px;
}
#sheet_comment_captcha.sheet {
    padding: 16px 60px;
    width: 430px;
}
#sheet_comment_captcha.sheet .body {
    background: url("../img/icon_notice.png") no-repeat scroll left 4px transparent;
    border: 0 none;
    padding: 0 0 0 52px;
}
#sheet_comment_captcha.sheet h3 {
    color: #444444;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 13px;
}
#sheet_comment_captcha.sheet a {
    color: #C90000;
    text-decoration: underline;
}
#sheet_comment_captcha .captcha, #sheet_comment_captcha .clear-input {
    vertical-align: top;
}
#sheet_comment_captcha .clear-input {
    width: 130px;
}
#sheet_comment_captcha .buttons {
    margin: 13px -60px 0 -112px;
    padding: 10px 60px 0 112px;
}
#sheet_comment_captcha button {
    font-size: 14px;
    line-height: 16px;
    margin-right: 10px;
    width: 70px;
}
#sheet_comment_captcha .captcha {
    border: 1px solid #E8E8E8;
    display: inline-block;
    height: 30px;
    margin-left: 10px;
}
#sheet_comment_captcha .reload {
    line-height: 33px;
    margin-left: 10px;
}
#report_callout .content {
    margin-top: 15px;
    text-align: center;
}
#report_callout .sign {
    background-image: url("../img/icon_success.png");
    display: inline-block;
    height: 40px;
    width: 40px;
}
#report_callout .words {
    color: #444444;
    display: inline-block;
    font-size: 20px;
    padding-left: 10px;
    position: relative;
    top: -12px;
}
#report_callout .sheet {
    width: 810px;
}
#report_callout .intro {
    font-family: "微软雅黑","helvetica neue",arial,sans-serif;
    font-size: 16px;
    height: 73px;
    padding: 10px 15px;
}
#chrome_callout span {
    color: #444444;
    display: block;
    font-size: 16px;
    line-height: 23px;
    padding-left: 8px;
    padding-top: 8px;
}
#chrome_callout .second {
    padding-top: 5px;
}
#chrome_callout .sheet {
    width: 810px;
}
#chrome_callout .intro {
    font-family: "微软雅黑","helvetica neue",arial,sans-serif;
    font-size: 16px;
    height: 60px;
    padding: 10px 15px;
}
#chrome_callout .install-extension {
    position: absolute;
    right: 50px;
    top: 25px;
}
#favorites_callout span {
    color: #777777;
    display: block;
    font-size: 14px;
    padding-left: 8px;
}
#favorites_callout .hi {
    padding-top: 15px;
}
#favorites_callout .favorite-notice {
    bottom: 20px;
    position: absolute;
}
#favorites_callout .sheet {
    width: 810px;
}
#favorites_callout .intro {
    font-family: "微软雅黑","helvetica neue",arial,sans-serif;
    font-size: 16px;
    height: 73px;
    padding: 10px 15px;
}
#ctrl_d, #command_d {
    bottom: 12px;
    height: 67px;
    position: absolute;
    right: 35px;
    width: 232px;
}
#ctrl_d {
    background: url("../img/ctrl.png") no-repeat scroll left top transparent;
}
#command_d {
    background: url("../img/command.png") no-repeat scroll left top transparent;
}
#command_d span, #ctrl_d span {
    bottom: 7px;
    left: 4px;
    position: absolute;
}
#unauth_callout .sheet {
    font-size: 14px;
    padding: 25px 40px;
    width: 820px;
}
#unauth_callout .sheet h2 {
    color: #444444;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
}
#unauth_callout .sheet .sub-line {
    display: inline-block;
    margin-top: 10px;
}
#unauth_callout .unauth-connect {
    position: absolute;
    right: 40px;
    top: 25px;
}
#unauth_callout .unauth-connect .major a {
    background: url("../img/login_tips_btn_sprite.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    margin-left: 15px;
    padding-left: 37px;
    text-align: center;
    text-decoration: none;
    width: 103px;
}
#unauth_callout .unauth-connect .others {
    color: #777777;
    line-height: 18px;
    margin-top: 10px;
    text-align: right;
}
#unauth_callout .unauth-connect .others a {
    background: url("../img/login_tips_btn_sprite.png") no-repeat scroll 0 -130px transparent;
    display: inline-block;
    height: 18px;
    margin-left: 10px;
    vertical-align: top;
    width: 18px;
}
#unauth_callout .unauth-connect a.weibo:hover {
    background-position: 0 -40px;
}
#unauth_callout .unauth-connect a.weibo:active {
    background-position: 0 -80px;
}
#unauth_callout .unauth-connect a.qzone {
    background-position: -150px 0;
}
#unauth_callout .unauth-connect a.qzone:hover {
    background-position: -150px -40px;
}
#unauth_callout .unauth-connect a.qzone:active {
    background-position: -150px -80px;
}
#unauth_callout .unauth-connect a.douban:hover {
    background-position: 0 -160px;
}
#unauth_callout .unauth-connect a.douban:active {
    background-position: 0 -190px;
}
#unauth_callout .unauth-connect a.renren {
    background-position: -30px -130px;
}
#unauth_callout .unauth-connect a.renren:hover {
    background-position: -30px -160px;
}
#unauth_callout .unauth-connect a.renren:active {
    background-position: -30px -190px;
}
#intro h2 {
    background: none repeat scroll 0 center transparent;
    clear: none;
    font-size: 24px;
    font-weight: 400;
    height: auto;
    line-height: 35px;
    margin: 0;
    padding: 0;
}
#intro .btn {
    margin-right: 10px;
}
#category_callout .callout {
    font-size: 18px;
    padding: 10px 15px;
}
#category_callout .CategoryPicker {
    width: 200px;
}
#category_callout .BoardList {
    width: 236px;
}
#category_callout .form {
    float: left;
}
#category_callout .form p {
    float: left;
    margin: 0;
    padding: 6px;
}
#category_callout .picker, #category_callout .Submit {
    float: left;
    margin-right: 10px;
}
#category_callout .BoardPicker {
    margin-bottom: 0;
}
#category_callout .success, #channel_callout .success {
    margin: 0;
    padding: 10px 0 10px 55px;
}
#channel_callout .success p {
    line-height: 30px;
    margin: 0;
}
#channel_callout div.success {
    background-position: left 6px;
}
.category a {
    background-color: #F7F7F7;
    border: 1px solid #BFBFBF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 1px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #999999;
    display: inline-block;
    font-size: 14px;
    margin: 0 8px 8px 0;
    padding: 4px 10px;
}
.category a:hover {
    background-color: #FFFFFF;
    color: #444444;
    text-decoration: none;
}
.category a.selected {
    background-color: #FFFFFF;
    color: #C90000;
    text-decoration: none;
}
.category a.web_captures span {
    background: url("../img/channel_capture.png") no-repeat scroll left center transparent;
    padding-left: 20px;
}
.category a.videos span {
    background: url("../img/channel_video.png") no-repeat scroll left center transparent;
    padding-left: 20px;
}
.category a.taomm span {
    background: url("../img/channel_taomm.png") no-repeat scroll left center transparent;
    padding-left: 20px;
}
.category a.chrome_crx_ad {
    background: url("../img/chrome_crx_ad.jpg") no-repeat scroll -202px 0 transparent;
    border: 0 none;
    border-radius: 0 0 0 0;
    display: block;
    height: 125px;
    margin: 0 15px 10px;
    text-indent: -9999px;
    width: 172px;
}
.category a.chrome_crx_ad:hover {
    background-position: 0 0;
}
.category {
    padding: 0 !important;
    width: 222px;
}
.category .cats {
    border-bottom: 1px solid #F5F2F2;
    padding: 10px 10px 5px;
}
.category .last.cats {
    border-bottom: 0 none !important;
}
.video-category .btns {
    margin-top: 14px;
    padding-bottom: 14px;
    padding-left: 20px;
}
.video-category .btn {
    background-color: #F5F5F5;
    border-color: #EDEDED;
    color: #444444;
    font-size: 14px;
    width: 65px;
}
.video-category a.youku {
    background-image: url("../img/icon_youku.png");
    background-position: 4px center;
    background-repeat: no-repeat;
    margin-left: 14px;
    padding-left: 23px;
    padding-right: 8px;
    width: 56px;
}
#board_nav_bar {
    margin: 15px 0;
}
#BoardTitle {
    text-shadow: 0 1px rgba(255, 255, 255, 0.9);
}
#BoardTitle h1 {
    border-bottom: 1px solid #E5E5E5;
    color: #333333;
    font-size: 20px;
    height: 31px;
    line-height: 31px;
    margin: 0;
    padding: 5px 0 5px 30px;
}
#BoardTitle h1 em {
    background: url("../img/sprite_nav.png?v2.png") no-repeat scroll 0 -238px transparent;
    display: block;
    height: 30px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 30px;
}
#BoardTitle h1 .stats {
    color: #999999;
    font-size: 12px;
    font-weight: 400;
    margin-left: 15px;
}
#BoardTitle #curator {
    display: none;
    font-size: 14px;
    line-height: 14px;
    margin: 7px 0 14px;
}
#BoardTitle #curator a {
    color: #221919;
    text-transform: uppercase;
}
#BoardDescription {
    color: #524D4D;
    font-size: 14px;
    margin: 0;
    padding: 0 0 20px;
}
#user_feeds .inner, #BoardMeta .inner {
    padding: 15px;
}
#user_feeds h3, #BoardMeta h3 {
    clear: both;
    color: #999999;
    font-size: 15px;
    font-weight: 400;
    margin: 15px 0 7px;
    word-wrap: break-word;
}
#BoardMeta h3 span {
    color: #BBBBBB;
    font-size: 12px;
    padding-left: 5px;
}
#BoardMeta h3 a {
    color: #BBBBBB;
    text-decoration: none;
}
#BoardMeta h3 a:hover {
    color: #CB2027;
}
#BoardMeta p.board-description {
    color: #555555;
    max-height: 190px;
    overflow: hidden;
    word-wrap: break-word;
}
#BoardMeta .board-category {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px #FFFFFF inset, 0 0 1px rgba(34, 25, 25, 0.1);
    color: #999999;
    display: block;
    margin: 0 0 0.8em;
    padding: 5px;
    text-decoration: none;
}
#BoardMeta .more {
    clear: both;
    float: right;
    margin-right: 13px;
}
#BoardUser {
    height: 80px;
}
#BoardUser img {
    float: left;
    margin-right: 10px;
}
#BoardUsers a.img {
    float: left;
    height: 32px;
    margin: 0 5px 5px 0;
    width: 32px;
}
#BoardUsers img {
    height: 32px;
    width: 32px;
}
#BoardUserName {
    float: left;
    font-size: 13px;
    margin-top: 10px;
    text-align: left;
}
#BoardButton {
    position: absolute;
    right: 0;
    top: 6px;
    z-index: 1;
}
#BoardButton .share {
    left: -70px;
    width: 180px;
}
#BoardButton .share:before {
    right: 97px;
    top: -9px;
}
#BoardButton .share .pointer {
    right: 97px;
    top: -9px;
}
#BoardButton .share label {
    margin-top: 0;
    text-shadow: none;
}
#BoardButton .btn {
    float: right;
    margin-left: 8px;
}
#BoardButton .btn.unlike-board {
    color: #999999;
}
#BoardButton .btn em, .promote-user .board .like em, .promote-user .board .unlike em {
    background: url("../img/ActionIcons.png?20121207") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 12px;
    margin-right: 4px;
    width: 12px;
}
#BoardButton .btn.like-board em, .promote-user .board .like em {
    background-position: -20px 0;
}
#BoardButton .btn.unlike-board em, .promote-user .board .unlike em {
    background-position: -60px 0;
}
#BoardButton .btn.like-board:hover em, .promote-user .board .like:hover em {
    background-position: -20px -20px;
}
#BoardButton .btn.unlike-board:hover em, .promote-user .board .unlike:hover em {
    background-position: -80px -20px;
}
#BoardButton .btn.like-board:active em, .promote-user .board .like:active em {
    background-position: -20px -40px;
}
#BoardButton .btn.unlike-board:active em, .promote-user .board .unlike:active em {
    background-position: -80px -40px;
}
#board_share_unit {
    float: right;
    padding-left: 0;
    padding-right: 0;
}
#board_share_unit strong {
    background: url("../img/board_share_sprite.png?1.png") no-repeat scroll 10px 1px transparent;
    padding: 0 22px 0 30px;
    width: 39px;
}
#board_share_unit strong:hover {
    background-position: 10px -39px;
}
#board_share_unit strong:active {
    background-position: 10px -79px;
}
#board_share_unit ul {
    background-color: #FFFFFF;
    border: 1px solid #CCCACA;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    position: absolute;
    right: 0;
    top: 26px;
    visibility: hidden;
    width: 94px;
    z-index: 3;
}
#board_share_unit:hover ul {
    visibility: visible;
}
#board_share_unit ul li {
    background: url("../img/board_share_sprite.png?1.png") no-repeat scroll -58px -100px transparent;
    cursor: pointer;
    display: block;
    height: 30px;
    line-height: 30px;
    padding-left: 34px;
    text-align: left;
}
#board_share_unit ul li:hover {
    background-color: #E1DFDF;
}
#board_share_unit ul li.douban {
    background-position: -58px -129px;
}
#board_share_unit ul li.qzone {
    background-position: -58px -158px;
}
#board_share_unit ul li.tqq {
    background-position: -83px -20px;
}
#board_share_unit ul li.renren {
    background-position: -83px 5px;
}
#board_share_unit ul li.qfriends {
    background-position: -83px -55px;
}
#BoardBoards a, .PinRepinStory a.stats {
    background-color: #F9F9F9;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px #FFFFFF inset, 0 0 1px rgba(34, 25, 25, 0.1);
    color: #999999;
    display: block;
    font-weight: 400;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 6px 8px;
}
#BoardBoards a:hover, .PinRepinStory a.stats:hover {
    background-color: #FFFFFF;
    color: #666666;
    text-decoration: none;
}
#BoardBoards a .stats {
    border-left: 1px solid #DDDDDD;
    display: block;
    float: right;
    margin: -5px 0 -5px 5px;
    padding: 6px 5px;
    text-align: center;
    width: 20px;
}
.profile #ctx_bar {
    border-bottom: 3px double rgba(34, 25, 25, 0.1);
    margin-left: 251px;
    margin-top: 20px;
    padding-bottom: 8px;
}
.profile .search-status {
    font-size: 16px;
    margin-left: 251px;
    padding: 0;
}
.profile #ctx_bar .bar-links {
    height: 28px;
    margin: 0;
}
.profile #waterfall {
    margin-left: 251px;
    margin-top: 15px;
}
.profile .Board {
    position: static;
}
#ProfileSidebar {
    background-color: #FFFFFF;
    box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    float: left;
    padding: 15px;
    text-shadow: 0 1px rgba(255, 255, 255, 0.9);
    width: 206px;
}
#ProfileSidebar h1 {
    font-size: 22px;
    font-weight: 300;
    margin: 0 0 7px;
    word-wrap: break-word;
}
#ProfileImage {
    margin: 15px 0;
}
#ProfileImage img {
    display: block;
    max-width: 100%;
}
#ProfileImage .btn {
    display: block;
    margin: 15px 0 0;
}
#ProfileSidebar p {
    font-size: 12px;
    margin: 0 0 4px;
    word-wrap: break-word;
}
#ProfileSidebar p:last-child {
    margin-bottom: 0;
}
#ProfileSidebar .stats {
    font-size: 15px;
}
#ProfileSidebar .stats a {
    margin-right: 10px;
}
#ProfileSidebar .stats span {
    font-size: 16px;
    padding: 0 3px;
}
#ProfileLinks {
    clear: both;
    margin-bottom: 15px;
    margin-top: 8px;
    overflow: hidden;
}
#ProfileLinks li {
    display: inline-block;
}
#ProfileLinks a {
    float: left;
    height: 28px;
    margin-right: 8px;
    padding: 0;
    text-align: center;
    width: 28px;
}
#ProfileLinks li:last-child a {
    margin-right: 0;
}
#ProfileLinks a img {
    margin-top: 5px;
}
#ProfileLinks a:active {
    box-shadow: 0 1px 2px rgba(34, 25, 25, 0.25) inset, 0 0 4px rgba(235, 82, 82, 0.35);
}
#ProfileSidebar .pin {
    font-size: 13px;
    margin-top: 15px;
    padding: 0;
    position: static;
    width: auto;
}
.activity {
    border-top: 1px solid #E1DFDF;
    margin: 0 -15px;
    padding: 5px 15px;
}
.activity li {
    color: #8C7E7E;
    display: block;
    font-size: 12px;
    margin: 0 -15px;
    overflow: hidden;
    padding: 10px 15px;
}
.activity li img {
    float: left;
    height: 38px;
    margin-right: 6px;
    width: 38px;
}
#user_feeds .activity {
    border-top: 0 none;
}
#profile_edit #current_avatar {
    border: 12px solid #FFFFFF;
    box-shadow: 0 1px 1px rgba(34, 25, 25, 0.4);
    max-height: 250px;
    max-width: 250px;
}
.current_avatar_wrapper {
    position: relative;
}
.current_avatar_wrapper img.load {
    display: none;
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 10;
}
.CategoryPicker {
    margin-bottom: 0;
    width: 337px;
}
.CategoryPicker .BoardList {
    height: 300px;
    padding-bottom: 0;
    width: 374px;
}
.CategoryPicker .BoardList li {
    width: 320px;
}
#invite_response {
    background: none repeat scroll 0 0 #FFFFAA;
    color: #2A1919;
    display: none;
    float: left;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: -10px;
    padding: 12px 20px 10px;
    width: 429px;
}
#pin_edit_form {
    float: left;
    width: 614px;
}
#pin_edit_img {
    float: right;
    margin-top: 85px;
    position: static;
    width: 236px;
}
#pin_edit_form textarea {
    line-height: 1.3em;
    min-height: 3.95em;
}
#pin_edit_form select, #pin_edit_form option {
    font-size: 18px;
}
.pin.editPinBox {
    float: right;
    margin: 93px 0 0 16px;
    position: static;
}
#pin_edit_form .BoardPicker {
    margin-bottom: 0;
    width: 337px;
}
#pin_edit_form .BoardList {
    width: 374px;
}
#pin_edit_form .BoardList li {
    width: 320px;
}
#pin_edit_form .CreateBoard {
    width: 358px;
}
#pin_edit_form .CreateBoard input {
    min-width: 0;
    width: 280px;
}
#pin_edit_form .CreateBoard .btn {
    margin-right: 0;
}
#Profile {
    position: relative;
}
#Profile .profile-basic {
    background: none repeat scroll 0 0 #FAFAFA;
    height: 54px;
    line-height: 30px;
    margin: 16px;
    position: relative;
}
#Profile .profile-basic a.img {
    display: block;
    height: 54px;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 54px;
}
#Profile .profile-basic a.userlink {
    display: block;
    font-size: 16px;
    font-weight: 700;
    height: 54px;
    left: 64px;
    line-height: 54px;
    overflow: hidden;
    position: absolute;
    top: 0;
    white-space: nowrap;
}
#Profile .profile-basic a.settings {
    background: url("../img/topic/icon_setting.png") no-repeat scroll 10px 20px #F5F5F5;
    display: block;
    height: 54px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.2s linear 0s;
    width: 35px;
}
#Profile .profile-basic a.settings:hover {
    background-position: 10px -20px;
}
#Profile .profile-basic a.settings:active {
    background-position: 10px -60px;
}
#Profile:hover .profile-basic a.settings {
    opacity: 1;
}
#Profile .profile-stats, #Profile .profile-acts {
    padding: 6px 15px;
}
#Profile .profile-stats {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #F5F2F2;
    border-top: 1px solid #F5F2F2;
    border-width: 1px 0;
    height: 50px;
    padding: 0;
}
#Profile .profile-stats a {
    color: #999999;
    float: left;
    font-size: 12px;
    height: 40px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    width: 60px;
}
#Profile .profile-stats a.middle {
    border-left: 1px solid #F5F2F2;
    border-right: 1px solid #F5F2F2;
    width: 54px;
}
#Profile .profile-stats a strong {
    color: #000000;
    display: block;
    font-size: 16px;
    margin-bottom: 4px;
}
#Profile .profile-stats a:hover {
    background-color: #FAFAFA;
    color: #AAAAAA;
}
#Profile .profile-stats a:hover strong {
    color: #222222;
}
#Profile .followed-tags {
    padding: 15px 16px;
}
#Profile .followed-tags h3 {
    color: #777777;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px;
}
#Profile .followed-tags .tag {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #EDEDED;
    border-radius: 3px 3px 3px 3px;
    color: #777777;
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    padding: 2px 8px;
    text-decoration: none;
}
#Profile .followed-tags .tag:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #DDDDDD;
    color: #C90000;
}
#Profile .followed-tags .tag:active {
    background: none repeat scroll 0 0 #F7F7F7;
}
#Profile .suggestion {
    border-bottom: 1px solid #F5F2F2;
    position: relative;
}
#Profile .suggestion a {
    display: block;
}
#Profile .suggestion .userlink {
    color: #221919;
    font-size: 12px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80px;
}
#Profile .suggestion span.txt {
    color: #999999;
    font-size: 12px;
    overflow: hidden;
    padding-left: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60px;
}
#Profile .suggestion span.icon {
    background: url("../img/icons_social_gray.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 16px;
    margin-left: 50px;
    width: 16px;
}
#Profile .suggestion span.weibo {
    background-position: -30px 0;
}
#Profile .suggestion span.douban {
    background-position: 0 0;
}
#Profile .suggestion span.tqq {
    background-position: -60px 0;
}
#Profile .suggestion span.renren {
    background-position: -90px 0;
}
#Profile .suggestion a.img {
    height: 40px;
    position: absolute;
    width: 40px;
}
#Profile .suggestion a.img img {
    height: 40px;
    width: 40px;
}
#Profile .suggestion .txt {
    display: block;
    margin-left: 50px;
}
#Profile .suggestion a.btn {
    position: absolute;
    right: 15px;
    top: 10px;
}
#Profile a.mute {
    background: url("../img/icon_remove.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 16px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
    width: 16px;
}
#Profile a.mute:hover {
    background-position: 0 center;
}
#Profile a.mute:active {
    background-position: 0 bottom;
}
#Profile .suggestion:hover a.mute {
    bottom: 0;
    opacity: 1;
    right: 0;
    visibility: visible;
}
#Profile .all-friends {
    border-bottom: 1px solid #F5F2F2;
    color: #999999;
    position: relative;
}
#Profile .all-friends a {
    display: block;
    position: absolute;
    right: 15px;
    top: 10px;
}
#Profile .profile-acts {
    border-top: 1px solid white;
    clear: both;
    height: 31px;
    padding: 10px 15px 16px;
}
#Profile .profile-acts .links {
    padding-right: 5px;
}
#Profile .profile-acts .links strong {
    line-height: 22px;
}
#Profile .profile-acts .links a {
    display: block;
    padding: 0 10px;
}
#Profile .profile-acts .links a em {
    background: url("../img/icon_find_btn.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 16px;
    margin-top: 6px;
    width: 65px;
}
#Profile .profile-acts .links a:hover em {
    background-position: 0 -30px;
}
#Profile .profile-acts .add {
    background: url("../img/sprite_nav.png?v2.png") no-repeat scroll 0 -120px transparent;
    float: left;
    height: 31px;
    margin-top: 3px;
    text-indent: -9999px;
    width: 30px;
}
#Profile .profile-acts .add:hover {
    background-position: 0 -160px;
}
#Profile .profile-acts .add:active {
    background-position: 0 -200px;
}
#Profile .convo {
    padding: 10px 16px;
}
#people_interesting {
    background-color: #FFFFFF;
    box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    margin: 20px auto 32px;
    padding: 0 18px 10px;
    position: relative;
}
#people_interesting h2 {
    font-size: 25px;
    line-height: 43px;
    padding: 20px 0 15px;
}
#PeopleList a.load-more, .promote-user-list a.load-more {
    display: block;
    margin: 10px 0 5px;
}
.person {
    border-top: 1px solid #F5F2F2;
    clear: both;
    overflow: hidden;
    padding: 10px;
}
.person:nth-child(2n+1) {
    background-color: #FAFAFA;
}
.person:nth-child(2n) {
    background-color: #FFFFFF;
}
.PersonPins {
    float: right;
}
.PersonPins a {
    float: right;
    height: 50px;
    margin-left: 5px;
    width: 50px;
}
.PersonPins img {
    display: block;
    height: 100%;
    width: 100%;
}
.PersonImage {
    float: left;
    height: 50px;
    margin-right: 8px;
    width: 50px;
}
.PersonImage img {
    height: 100%;
    width: 100%;
}
.PersonIdentity {
    float: left;
    font-size: 15px;
    line-height: 1.15em;
    margin: 0;
    width: 215px;
}
.PersonIdentity a {
    display: block;
    margin: 5px 0 2px;
}
.PersonIdentity span {
    display: block;
    font-weight: 300;
}
.person .btn {
    margin-top: 10px;
}
#PeopleSidebar {
    left: 50%;
    margin-left: -615px;
    position: fixed;
    top: 153px;
    width: 190px;
    z-index: 0;
}
#PeopleSidebar li {
    display: inline;
}
#PeopleSidebar a {
    display: block;
    font-size: 15px;
    font-weight: 300;
    padding: 3px 0;
    text-shadow: 0 1px #FFFFFF;
}
#PeopleSidebar .selected {
    color: #CB2027;
    text-decoration: underline;
}
.ModalContainer {
    display: none;
}
.overlay, .sheet-overlay {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.93);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99998;
}
.sheet-overlay {
    z-index: 99995;
}
#page_overlay {
    background: none repeat scroll 0 0 rgba(246, 244, 245, 0.84);
}
.no-rgba #page_overlay {
    background: none repeat scroll 0 0 #F6F4F5;
    opacity: 0.8;
}
.modal {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #F7F5F5;
    box-shadow: 0 2px 5px rgba(34, 25, 25, 0.4);
    left: 50%;
    margin-top: -220px;
    padding: 30px 30px 20px;
    position: fixed;
    top: 50%;
    z-index: 99999;
}
.wide {
    margin-left: -275px;
    width: 550px;
}
.thin {
    margin-left: -180px;
    width: 360px;
}
.modal .header {
    background-color: #FAFAFA;
    border-bottom: 1px solid #EBEBEB;
    margin: -30px -31px 20px;
    padding: 18px 31px 8px;
    position: relative;
}
.modal h2 {
    color: #999999;
    font-size: 21px;
    line-height: 1em;
    margin: 0;
    text-shadow: 0 1px #FFFFFF;
}
.modal .close {
    border-left: 1px solid #EBEBEB;
    bottom: 0;
    display: block;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: -1px;
    width: 57px;
    z-index: 1;
}
.modal .close:hover {
    background-color: #F2F2F2;
}
.modal .close:active {
    background-color: #C90000;
}
.modal .close strong {
    display: none;
}
.modal .close span {
    background: url("../img/Close.png") no-repeat scroll center top transparent;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.modal .close:hover span {
    background-position: center center;
}
.modal .close:active span {
    background-position: center bottom;
}
.modal .Form p {
    margin-bottom: 0;
}
.modal .Form ul {
    border-top: 0 none;
}
.modal .ModalScroll {
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: visible;
}
.modal.PaddingLess {
    border-width: 0;
    padding: 0;
}
.modal.PaddingLess .header {
    margin: 0;
}
.Form li {
    display: block;
    font-size: 21px;
    font-weight: 300;
    margin-bottom: 18px;
}
.Form textarea {
    min-height: 90px;
}
.Form input[type="text"], .Form input[type="password"], .Form textarea {
    -moz-box-sizing: border-box;
}
.Form label {
    display: inline-block;
    font-size: 18px;
    line-height: 1.4em;
}
.Form input[type="radio"] {
    border: 0 none;
    float: left;
    margin-right: 8px;
}
.Form .Right ul li label span {
    float: left;
    font-size: 18px;
}
.Form .Right ul li label input[type="radio"] {
    margin-top: 3px;
}
.Form .Right ul li:first-child label span {
    background: url("../img/collaborative-icons.png") no-repeat scroll 0 0 transparent;
    height: 19px;
    line-height: 1.1;
    margin-right: 30px;
    padding-left: 25px;
}
.Form .Right ul li.last-child label span {
    background: url("../img/collaborative-icons.png") no-repeat scroll 0 -19px transparent;
    height: 19px;
    line-height: 1.1;
    padding-left: 45px;
}
.FancyForm li, .FancyForm li .input {
    position: relative;
}
.FancyForm input[type="text"], .FancyForm input[type="password"], .FancyForm textarea {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #A4A2A2;
    display: block;
    position: relative;
    width: 100%;
    z-index: 3;
}
.FancyForm textarea {
    line-height: 1.3;
    min-height: 3.95em;
}
.FancyForm #Boards input {
    padding: 13px 39px 8px 14px;
    width: 410px;
}
.FancyForm label {
    -moz-user-select: none;
    color: #BCBCBC;
    cursor: text;
    display: block;
    left: 13px;
    position: absolute;
    top: 6px;
    transition: all 0.16s ease-in-out 0s;
    z-index: 2;
}
.FancyForm .fff {
    background-color: #FFFFFF;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.FancyForm .helper {
    bottom: 14px;
    font-size: 13px;
    line-height: 15px;
    position: absolute;
    right: -194px;
    width: 180px;
}
.FancyForm input[type="text"]:focus + label, .FancyForm input[type="password"]:focus + label, .FancyForm textarea:focus + label {
    opacity: 0.5;
}
.FancyForm .val label {
    left: -9999px;
    opacity: 0 !important;
}
.FancyForm .pin-desc {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #A4A2A2;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px rgba(34, 25, 25, 0.15) inset, 0 1px rgba(255, 255, 255, 0.8);
    display: block;
    min-height: 98px;
    position: relative;
    z-index: 3;
}
.FancyForm .pin-desc textarea {
    border: 0 none;
    box-shadow: none;
    font-size: 16px;
    left: 0;
    min-height: 68px;
    position: absolute;
    top: 0;
    width: 330px;
}
.FancyForm .pin-desc .tag-tip {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    bottom: 0;
    color: #BCBCBC;
    font-size: 12px;
    height: 25px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 3;
}
.FancyForm .pin-desc .tag-tip span {
    padding: 0 10px 10px;
}
.FancyForm .pin-desc .tag-prompt {
    background-color: #FAFAFA;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 1px solid #DDDDDD;
    bottom: 0;
    color: #BCBCBC;
    font-size: 12px;
    height: 29px;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    width: 100%;
    z-index: 3;
}
.FancyForm .pin-desc .tag-prompt span {
    float: left;
    line-height: 18px;
    margin-left: 10px;
    margin-top: 5px;
}
.FancyForm .pin-desc .tag-prompt div a {
    border: 1px solid #DDDDDD;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #999999;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin: 5px 0 100px 5px;
    max-width: 52px;
    overflow: hidden;
    padding: 0 5px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.FancyForm .pin-desc .tag-prompt div a:hover {
    background-color: #FFFFFF;
    color: #C90000;
}
.FancyForm .pin-desc .tag-prompt div a.selected {
    box-shadow: 0 1px 0 #FFFFFF inset;
    color: #BCBCBC;
}
.FancyForm .pin-desc .tag-prompt div a.selected:hover {
    background-color: #FFFFFF;
    color: #C90000;
}
.StaticForm {
    font-size: 13px;
    margin: 36px 0;
}
.StaticForm h3 {
    border-bottom: 3px double rgba(34, 25, 25, 0.1);
    color: #524D4D;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.1em;
    padding: 0 0 18px;
    text-shadow: 0 1px rgba(255, 255, 255, 0.9);
}
.StaticForm h3 a {
    font-weight: 300;
}
.StaticForm li {
    border-bottom: 1px solid rgba(34, 25, 25, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    clear: both;
    color: #8C7E7E;
    float: left;
    margin: 0;
    padding: 15px 0;
    text-shadow: 0 1px rgba(255, 255, 255, 0.9);
    width: 100%;
}
.StaticForm li:last-child {
    border-bottom: 3px double rgba(34, 25, 25, 0.1);
}
.StaticForm li:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
.StaticForm label {
    float: left;
    padding-top: 7px;
    vertical-align: top;
    width: 150px;
}
.StaticForm label.radio {
    padding-top: 24px;
}
.StaticForm .ButtonLabel {
    padding-top: 15px;
}
.StaticForm .Left {
    float: left;
    width: 150px;
}
.StaticForm .Right {
    float: left;
}
.StaticForm .Right li {
    border-width: 0;
}
.StaticForm .Right label {
    border-width: 0;
    cursor: pointer;
    display: block;
    float: none;
    font-size: 18px;
    padding: 4px 0;
    width: auto;
}
.StaticForm .NoInput {
    padding: 6px 0;
}
.StaticForm input[type="text"], .StaticForm input[type="password"], .StaticForm textarea {
    min-width: 375px;
}
.StaticForm input[type="checkbox"] {
    vertical-align: 25%;
}
.StaticForm .help_text {
    display: inline-block;
    font-size: 13px;
    margin-left: 6px;
}
.StaticForm .Submit {
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    float: left;
    margin-bottom: 20px;
    padding-left: 150px;
    padding-top: 24px;
}
.StaticForm .btn {
    margin-right: 10px;
}
#OpenLinks .cell {
    border-bottom: 1px solid #E1DFDF;
    border-left: 2px solid #E1DFDF;
    color: #524D4D;
    float: left;
    font-size: 18px;
    height: 160px;
    margin-bottom: 10px;
    padding: 20px;
    text-align: center;
    width: 142px;
}
#OpenLinks .cell .icon {
    background: url("../img/AddIcons.png") repeat scroll 0 0 transparent;
    height: 81px;
    margin: 15px auto 30px;
    width: 66px;
}
#OpenLinks .cell:hover {
    color: #221919;
    cursor: pointer;
    text-decoration: none;
}
#OpenLinks .cell:active {
    color: #CB2027;
}
#OpenLinks .cell #scrape {
    background-position: 0 0;
}
#OpenLinks .cell:hover #scrape {
    background-position: 0 -81px;
}
#OpenLinks .cell:active #scrape {
    background-position: 0 -162px;
}
#OpenLinks .cell #upload {
    background-position: -66px 0;
}
#OpenLinks .cell:hover #upload {
    background-position: -66px -81px;
}
#OpenLinks .cell:active #upload {
    background-position: -66px -162px;
}
#OpenLinks .cell #board {
    background-position: -132px 0;
}
#OpenLinks .cell:hover #board {
    background-position: -132px -81px;
}
#OpenLinks .cell:active #board {
    background-position: -132px -162px;
}
#OpenLinks .cell:first-child {
    border-left-width: 0;
}
#OpenLinks .cell:hover {
    background-color: #E1DFDF;
}
#OpenLinks .pin-tools {
    background: none repeat scroll 0 0 #FFFBCC;
    border: 1px solid #FFE1A6;
    border-radius: 5px 5px 5px 5px;
    clear: left;
    color: #999999;
    font-size: 14px;
    line-height: 22px;
    margin: 10px;
    padding: 8px 10px;
}
#OpenLinks .pin-tools span {
    color: #000000;
}
#OpenLinks .pin-tools a {
    color: #C90000;
}
#CreateBoard .modal {
    position: absolute;
}
#CreateBoard .CategoryPicker {
    float: right;
    margin-right: 25px;
    max-width: 337px;
}
#CreateBoard input#BoardName {
    float: right;
    margin-right: 25px;
    min-width: 375px;
}
#CreateBoard input#collaborator_name {
    min-width: 301px !important;
}
#CreateBoard .error {
    clear: both;
    margin-left: 150px;
}
#CreateBoard #add_collaborators {
    margin-left: 0;
}
#ScrapePin .scrapePin input, #ScrapePin .scrapePin .fff {
    width: 405px;
}
#ScrapePin .PinTop .Form li {
    margin-bottom: 0;
}
#bookmarklet .Arrows, #ScrapePin .Arrows {
    background: none repeat scroll 0 0 #DDD9D9;
    display: none;
}
#bookmarklet .picker, #ScrapePin .picker {
    border: 1px solid #E1DFDF;
    display: inline-block;
    font-size: 13px;
    margin-right: 8px;
    padding: 3px 10px;
}
#bookmarklet .picker:hover, #ScrapePin .picker:hover {
    background: none repeat scroll 0 0 #EEEEEE;
    text-decoration: none;
}
#bookmarklet .imagePickerNext, #ScrapePin .imagePickerNext {
    float: right;
    margin-right: 0;
}
#UploadPin input[type="file"] {
    font-size: 18px;
}
.carousel-container {
    height: 170px;
    position: relative;
    width: 170px;
}
.carousel-clip {
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 2;
}
.carousel-list {
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 0;
    z-index: 1;
}
.carousel-list li, .carousel-item {
    float: left;
    height: 170px;
    width: 170px !important;
}
.carousel-item a, .carousel-item img {
    max-height: 170px;
    max-width: 170px;
}
#PinSuccess .modal {
    padding-left: 40px;
    padding-right: 40px;
}
#PinSuccess .modal .header {
    margin: -30px -41px 20px;
}
#PinSuccess .wide {
    width: 530px;
}
.pin-done {
    margin: 25px auto 0;
    text-align: center;
    width: 530px;
}
#PinSuccess .pin-done {
    margin-top: 30px;
}
.pin-done h3 {
    background: url("../img/icon_check_24w.png") no-repeat scroll left center transparent;
    color: #444444;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    height: 24px;
    line-height: 24px;
    padding-left: 30px;
}
.pin-done h3 a {
    color: #8C7E7E;
    margin-left: 10px;
}
.pin-share-buttons {
    margin-top: 10px;
    position: relative;
    text-align: left;
}
.pin-js-share-buttons {
    margin-top: 20px;
}
.pin-api-share-buttons {
    display: inline-block;
}
.pin-api-share-buttons .share-button, .pin-js-share-buttons .share-button {
    margin-right: 10px;
}
.pin-js-share-buttons .share-button {
    margin-top: 10px;
    text-align: left;
    width: 160px;
}
.pin-api-share-buttons .share-button strong, .pin-js-share-buttons .share-button strong {
    height: 22px;
    line-height: 22px;
}
.pin-api-share-buttons .share-button strong em, .pin-js-share-buttons .share-button strong em {
    background: url("../img/icons_in_btn.png") no-repeat scroll 0 -29px transparent;
    display: inline-block;
    height: 16px;
    width: 16px;
}
.pin-api-share-buttons .share-button.weibo strong em:hover, .pin-js-share-buttons .share-button.weibo strong em:hover {
    background-position: 0 1px;
}
.pin-api-share-buttons .share-button.weibo.disabled strong em:hover, .pin-js-share-buttons .share-button.weibo.disabled strong em:hover {
    background-position: 0 -29px;
}
.pin-api-share-buttons .share-button.tqq strong em, .pin-js-share-buttons .share-button.tqq strong em, .pin-api-share-buttons .share-button.tqq.disabled strong em:hover, .pin-js-share-buttons .share-button.tqq.disabled strong em:hover {
    background-position: 0 -89px;
}
.pin-api-share-buttons .share-button.tqq strong em:hover, .pin-js-share-buttons .share-button.tqq strong em:hover {
    background-position: 0 -59px;
}
.pin-api-share-buttons .share-button.qzone strong em, .pin-js-share-buttons .share-button.qzone strong em, .pin-api-share-buttons .share-button.qzone.disabled strong em:hover, .pin-js-share-buttons .share-button.qzone.disabled strong em:hover {
    background-position: 0 -149px;
}
.pin-api-share-buttons .share-button.qzone strong em:hover, .pin-js-share-buttons .share-button.qzone strong em:hover {
    background-position: 0 -119px;
}
.pin-api-share-buttons .share-button.douban strong em, .pin-js-share-buttons .share-button.douban strong em, .pin-api-share-buttons .share-button.douban.disabled strong em:hover, .pin-js-share-buttons .share-button.douban.disabled strong em:hover {
    background-position: 0 -270px;
}
.pin-api-share-buttons .share-button.douban strong em:hover, .pin-js-share-buttons .share-button.douban strong em:hover {
    background-position: 0 -239px;
}
.pin-api-share-buttons .share-button.renren strong em, .pin-js-share-buttons .share-button.renren strong em, .pin-api-share-buttons .share-button.renren.disabled strong em:hover, .pin-js-share-buttons .share-button.renren.disabled strong em:hover {
    background-position: 0 -209px;
}
.pin-api-share-buttons .share-button.renren strong em:hover, .pin-js-share-buttons .share-button.renren strong em:hover {
    background-position: 0 -179px;
}
.pin-share-buttons .pin-js-share-buttons {
    margin: 0;
    position: absolute;
    right: 0;
    top: 10px;
}
.pin-share-buttons .pin-js-share-buttons ul, .pin-share-buttons .pin-js-share-buttons li, .pin-share-buttons .pin-js-share-buttons .share-button {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 0;
}
.pin-share-buttons .pin-js-share-buttons li {
    margin-left: 10px;
}
.pin-share-buttons .pin-js-share-buttons .share-button {
    background: url("../img/icons_social.png") no-repeat scroll left top transparent;
    text-indent: -9999px;
    width: 20px;
}
.pin-share-buttons .pin-js-share-buttons .share-button.weibo:hover {
    background-position: 0 -30px;
}
.pin-share-buttons .pin-js-share-buttons .share-button.douban {
    background-position: -120px 0;
}
.pin-share-buttons .pin-js-share-buttons .share-button.douban:hover {
    background-position: -120px -30px;
}
.pin-share-buttons .pin-js-share-buttons .share-button.qzone {
    background-position: -30px 0;
}
.pin-share-buttons .pin-js-share-buttons .share-button.qzone:hover {
    background-position: -30px -30px;
}
.pin-share-buttons .pin-js-share-buttons .share-button.tqq {
    background-position: -60px 0;
}
.pin-share-buttons .pin-js-share-buttons .share-button.tqq:hover {
    background-position: -60px -30px;
}
.pin-share-buttons .pin-js-share-buttons .share-button.renren {
    background-position: -90px 0;
}
.pin-share-buttons .pin-js-share-buttons .share-button.renren:hover {
    background-position: -90px -30px;
}
#pin_operations {
    color: #D9D9D9;
    font-size: 16px;
    margin-top: 15px;
}
#pin_operations a {
    color: #8C7E7E;
    display: inline-block;
    font-size: 16px;
    margin: 0 10px;
}
#pin_operations a:hover {
    color: #CB2027;
}
.pin-share-description {
    margin-top: 30px;
}
.pin-share-description p {
    color: #999999;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: left;
    width: 530px;
}
.pin-share-description textarea {
    display: inline-block;
    height: 73px;
    width: 413px;
}
.pin-share-description img {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    margin-left: 10px;
    padding: 5px;
    vertical-align: top;
}
#upload_container {
    position: relative;
}
#pin_already_exist_warning, #self_promote .msg {
    background: none repeat scroll 0 0 #FFFBCC;
    border-bottom: 1px solid #EBEBEB;
    font-size: 18px;
    margin: -20px -31px;
    padding: 15px 31px;
}
#pin_already_exist_warning a, #pin_confirm_popup .notice a {
    color: #C90000;
}
#pin_confirm_popup {
    background: url("../img/tips_bg.gif") repeat scroll 0 0 transparent;
    font-size: 18px;
    height: 100%;
    padding: 60px 60px 0;
}
#pin_confirm_popup .notice {
    background: none repeat scroll 0 center transparent;
    font-size: 18px;
    padding-left: 0;
}
#pin_confirm_popup .buttons {
    border-top: 1px solid #FFFFFF;
    margin-top: 10px;
    padding: 10px 0;
}
#pin_confirm_popup .buttons a {
    float: right;
    margin-left: 10px;
}
#bookmarklet #pin_confirm_popup {
    bottom: 0;
    left: 0;
    opacity: 0.95;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10000;
}
.pin-form {
    font-size: 21px;
    font-weight: 300;
    margin-left: 200px;
}
.modal .PinTop .load {
    display: none;
    position: absolute;
    right: 155px;
    top: 11px;
    z-index: 10;
}
.modal .pbt {
    border-top: 1px solid #D9D4D4;
    box-shadow: 0 1px #FFFFFF inset;
    margin: 20px -30px 0;
    padding: 20px 30px 0;
}
.multi .ImagePicker {
    width: 550px;
}
.multi .ImagePicker .Images {
    max-width: none;
    width: 550px;
}
.multi .ImagePicker .carousel-item {
    background: url("../img/img_bg.png") no-repeat scroll center center transparent;
    border: 1px solid white;
    cursor: pointer;
    height: 110px !important;
    line-height: 110px;
    margin: 2px;
    padding: 3px;
    text-align: center;
    width: 110px !important;
}
.multi .ImagePicker .selected {
    border-color: #C90000;
}
.multi .ImagePicker .carousel-item img {
    display: inline;
    height: auto;
    min-height: 0;
    min-width: 0;
    vertical-align: middle;
    width: auto !important;
}
.multi .carousel-container {
    height: 125px;
}
.multi .BoardPicker .CreateBoard {
    width: 534px;
}
.multi .BoardListBody {
    height: 150px !important;
}
.multi .CreateBoard {
    width: 100%;
}
.multi .BoardList {
    width: 100%;
}
.multi #board_name_input {
    width: 456px;
}
.multi .ImagePicker .Arrows {
    background: none repeat scroll 0 center transparent;
}
.multi .imagePickerPrevious {
    left: -25px;
    top: 9px;
}
.multi .imagePickerNext {
    right: -25px;
    top: 9px;
}
.multi .Arrows .picker {
    background: url("../img/prev_next_btn.png") no-repeat scroll 0 0 transparent;
    border: 0 none !important;
    float: none !important;
    height: 110px;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    text-indent: -9999px;
    width: 20px;
}
.multi .Arrows .imagePickerPrevious:hover {
    background: url("../img/prev_next_btn.png") no-repeat scroll 0 -120px transparent !important;
}
.multi .Arrows .imagePickerPrevious:active {
    background: url("../img/prev_next_btn.png") no-repeat scroll 0 -240px transparent !important;
}
.multi .Arrows .imagePickerNext {
    background: url("../img/prev_next_btn.png") no-repeat scroll -40px 0 transparent !important;
}
.multi .Arrows .imagePickerNext:hover {
    background: url("../img/prev_next_btn.png") no-repeat scroll -40px -120px transparent !important;
}
.multi .Arrows .imagePickerNext:active {
    background: url("../img/prev_next_btn.png") no-repeat scroll -40px -240px transparent !important;
}
.multi .pin-form {
    float: left;
    margin: 10px 0 0;
    width: 550px;
}
#Repin .pbt {
    border: 0 none;
    box-shadow: none;
}
#Repin .PostSuccess {
    font-size: 2em;
    line-height: 2;
    text-align: center;
}
.ImagePicker {
    float: left;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 170px;
}
.ImagePicker .Images {
    max-height: 170px;
    min-height: 85px;
    overflow: hidden;
    padding: 0;
    width: 170px;
}
.ImagePicker li {
    position: relative;
    width: 100%;
}
.ImagePicker img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
}
.ImagePicker .Images {
    float: left;
    max-height: 170px;
    min-height: 85px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 170px;
}
.ImagePicker .video {
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 1;
}
.ImagePicker .load {
    display: none;
    left: 50%;
    margin: -8px 0 0 -8px;
    position: absolute;
    top: 50%;
    z-index: 10;
}
.ImagePicker .loading {
    background: url("../img/ajaxload2.gif") no-repeat scroll center center transparent;
}
.ImagePicker .price {
    left: -117px;
    top: -70px;
    transition: all 0.5s ease-in-out 0s;
    z-index: 3;
}
.ImagePicker .price.visible {
    left: -28px;
    top: 19px;
}
.ImagePicker .Arrows {
    display: none;
}
.BoardListOverlay {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9998;
}
.BoardPicker {
    background: linear-gradient(#FAFAFA, #F2F2F2) repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    cursor: pointer;
    display: block;
    font-size: 16px;
    margin-bottom: 18px;
    padding: 7px 24px 7px 12px;
    position: relative;
}
.BoardPicker:hover {
    background: linear-gradient(#FFFFFF, #F7F7F7) repeat scroll 0 0 transparent;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) inset;
}
.BoardPicker:active {
    background: linear-gradient(#F7F7F7, #F2F2F2) repeat scroll 0 0 transparent;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}
.BoardPicker .CurrentBoard {
    display: block;
    overflow: hidden;
    white-space: nowrap;
}
.BoardPicker .CurrentBoard, .BoardPicker .CurrentCategory {
    display: block;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
}
.BoardPicker .DownArrow {
    background: url("../img/downArrow.png") no-repeat scroll center top transparent;
    height: 9px;
    position: absolute;
    right: 14px;
    top: 14px;
    width: 11px;
}
.BoardList {
    background-color: #FFFFFF;
    border: 1px solid #BFBFBF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    display: none;
    left: -1px;
    overflow-x: hidden;
    padding-bottom: 55px;
    position: absolute;
    top: -1px;
    width: 350px;
    z-index: 9999;
}
.BoardList:active {
    border-color: #CCA3A3;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}
.BoardList li {
    border: 0 none !important;
    color: #524D4D;
    cursor: pointer;
    display: block;
    font-size: 16px;
    line-height: 1.15em;
    list-style: none outside none;
    margin: 0;
    padding: 6px 46px 6px 8px;
    position: relative;
}
.BoardList li:hover {
    background-color: #F2F2F2;
    color: #221919;
}
.BoardList li:active {
    background-color: #CC000C;
    color: #FFFFFF;
    text-shadow: none;
}
.BoardList li:first-child {
    border-radius: 3px 3px 0 0;
}
.BoardListBody {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}
.BoardPicker .CreateBoard, .BoardPicker .CreateCategory {
    background-color: #FAFAFA;
    border-radius: 0 0 3px 3px;
    border-top: 1px solid #EBEBEB;
    bottom: 0;
    cursor: default;
    padding: 8px;
    position: absolute;
}
.BoardPicker .CreateBoard input, .BoardPicker .CreateCategory input {
    margin-right: 10px;
    width: 230px;
}
.BoardPicker .CreateBoard input:hover, .BoardPicker .CreateCategory input:hover {
    background: none repeat scroll 0 0 #FFFFFF;
}
.BoardPicker .CreateBoardStatus {
    display: none;
    font-size: 0.8em;
    padding: 2px;
    text-align: right;
}
.BoardPicker .CreateBoardStatus.error {
    color: red;
}
.BoardPicker .CreateBoardStatus.good {
    color: green;
}
.BoardPicker .CreateBoard {
    width: 334px;
}
.pin-form .mainerror {
    display: none;
    font-size: 21px;
    margin-top: 14px;
}
.pin-form .Buttons {
    height: 36px;
    margin: 15px 0 0;
    position: relative;
    text-align: right;
}
.pin-form .btn {
    float: left;
}
.pin-form .share-opts {
    color: #999999;
    font-size: 14px;
    margin-top: 15px;
}
.pin-form .share-opts label {
    padding-right: 15px;
}
.pin-form .share-opts label.enabled {
    color: #444444;
}
.pin-form .share-opts label input[type="checkbox"] {
    margin-right: 4px;
}
.pin-form .share-opts label.last {
    border-left: 1px solid #999999;
    padding-left: 15px;
}
.pin-form .share-opts label span {
    background: url("../img/social_icons.png?v=1347610213477") no-repeat scroll left 1px transparent;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding-left: 18px;
}
.pin-form .share-opts label.weibo.disabled span {
    background-position: 0 -29px;
}
.pin-form .share-opts label.qzone span {
    background-position: 0 -119px;
}
.pin-form .share-opts label.qzone.disabled span {
    background-position: 0 -149px;
}
.pin-form .share-opts label.tqq span {
    background-position: 0 -59px;
}
.pin-form .share-opts label.tqq.disabled span {
    background-position: 0 -89px;
}
.pin-form .share-opts label.douban span {
    background-position: 0 -239px;
}
.pin-form .share-opts label.douban.disabled span {
    background-position: 0 -269px;
}
.pin-form .share-opts label.renren span {
    background-position: 0 -179px;
}
.pin-form .share-opts label.renren.disabled span {
    background-position: 0 -209px;
}
.hwfx #header .wrapper {
    width: 940px;
}
.view .wrapper {
    width: 940px;
}
.view #unauth_callout {
    margin: 0 auto;
    width: 940px;
}
.view #favorites_callout {
    height: 93px;
    margin: 0 auto;
    width: 940px;
}
.view #report_callout {
    height: 93px;
    margin: 0 auto;
    width: 940px;
}
.view #chrome_callout {
    margin: 0 auto;
    width: 940px;
}
.CloseupLeft {
    left: 0;
    position: absolute;
    top: 15px;
    width: 300px;
}
.CloseupLeft .Board {
    margin: 0 0 15px;
    width: 300px;
}
#pin_sources {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
}
#pin_sources .source {
    border-bottom: 1px solid #EDEDED;
    overflow: hidden;
    padding: 15px 20px;
    position: relative;
}
#pin_sources .closed:hover {
    background: none repeat scroll 0 0 #F7F7F7;
}
#pin_sources .source:last-child {
    border-bottom: 0 none;
}
#pin_sources .closed {
    cursor: pointer;
    height: 15px;
}
#pin_sources .source h3 {
    background: url("../img/icon_sidebar_title.png") no-repeat scroll 0 0 transparent;
    font-size: 14px;
    font-weight: 400;
    height: 15px;
    line-height: 15px;
    margin-bottom: 15px;
    padding-left: 20px;
}
#pin_sources .board h3 {
    background-position: 0 -40px;
}
#pin_sources .domain h3 {
    background-position: 0 -79px;
}
#pin_sources .source .arr {
    background: url("../img/arrow_cover_uncover.png") no-repeat scroll -20px 5px transparent;
    cursor: pointer;
    display: block;
    height: 20px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 20px;
}
#pin_sources .closed .arr {
    background-position: 0 5px;
}
#pin_sources .source .arr:hover {
    background-position: -20px -15px;
}
#pin_sources .closed:hover .arr {
    background-position: 0 -15px;
}
#pin_sources .source .arr:active {
    background-position: -20px -35px;
}
#pin_sources .closed .arr:active {
    background-position: 0 -35px;
}
#pin_sources .source .pins {
    display: block;
    margin-right: -10px;
}
#pin_sources .board .pins img {
    display: block;
    float: left;
    margin: 0 4px 4px 0;
}
#pin_sources .domain .pins img {
    display: block;
    float: left;
    margin: 0 4px 4px 0;
}
#pin_sources .context .pins {
    height: 132px;
    margin-right: 0;
    overflow: hidden;
    position: relative;
}
#pin_sources .context .pins .all {
    left: 0;
    position: absolute;
    top: 0;
}
#pin_sources .context .pins .unit {
    float: left;
    width: 264px;
}
#pin_sources .context .pins .unit a {
    display: block;
    float: left;
    margin: 0 4px 4px 0;
}
#pin_sources .context .prev {
    background: url("../img/stream_prev_next.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 60px;
    left: 0;
    position: absolute;
    top: 80px;
    visibility: hidden;
    width: 16px;
}
#pin_sources .context:hover .prev {
    visibility: visible;
}
#pin_sources .context .prev:hover {
    background-position: 0 -70px;
}
#pin_sources .context .next {
    background: url("../img/stream_prev_next.png") no-repeat scroll -30px 0 transparent;
    cursor: pointer;
    height: 60px;
    position: absolute;
    right: 0;
    top: 80px;
    visibility: hidden;
    width: 16px;
}
#pin_sources .context:hover .next {
    visibility: visible;
}
#pin_sources .context .next:hover {
    background-position: -30px -70px;
}
#pin_sources .context .pins .selected {
    position: relative;
}
#pin_sources .context .pins .selected:after {
    background: url("../img/stream_select.png") no-repeat scroll 0 0 transparent;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#pin_view_arrows .next {
    background: url("../img/pin_prev_next_big.png") no-repeat scroll -240px 0 transparent;
    cursor: pointer;
    height: 600px;
    margin-top: -300px;
    position: fixed;
    right: 0;
    top: 50%;
    width: 60px;
}
#pin_view_arrows .next:hover {
    background-position: -320px 0;
}
#pin_view_arrows .next:active {
    background-position: -400px 0;
}
#pin_view_arrows .more-attention {
    display: none;
    margin-top: -26px;
    position: fixed;
    right: 60px;
    top: 50%;
}
#pin_view_arrows .more-attention i {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-style: normal;
    height: 32px;
    line-height: 16px;
    padding: 10px;
    width: 72px;
}
#pin_view_arrows .attention-arrow {
    background: url("../img/pin_arrow_right.png") no-repeat scroll 0 0 transparent;
    height: 11px;
    position: absolute;
    right: -6px;
    top: 20px;
    width: 6px;
}
#pin_view_arrows .prev {
    background: url("../img/pin_prev_next_big.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 600px;
    left: 0;
    margin-top: -300px;
    position: fixed;
    top: 50%;
    width: 60px;
}
#pin_view_arrows .prev:hover {
    background-position: -80px 0;
}
#pin_view_arrows .prev:active {
    background-position: -160px 0;
}
#pin_view_arrows .next {
    background: url("../img/pin_prev_next.png") no-repeat scroll -150px 0 transparent;
    height: 360px;
    margin-top: -180px;
    width: 25px;
}
#pin_view_arrows .more-attention {
    margin-top: -35px;
    right: 25px;
}
#pin_view_arrows .next:hover {
    background-position: -200px 0;
}
#pin_view_arrows .next:active {
    background-position: -250px 0;
}
#pin_view_arrows .prev {
    background: url("../img/pin_prev_next.png") no-repeat scroll 0 0 transparent;
    height: 360px;
    margin-top: -180px;
    width: 25px;
}
#pin_view_arrows .prev:hover {
    background-position: -50px 0;
}
#pin_view_arrows .prev:active {
    background-position: -100px 0;
}
.CloseupRight {
    margin: 15px 0 0 320px;
    width: 620px;
}
.CloseupRight .wt {
    margin-top: 0;
    padding: 0;
}
.CloseupRight .bindingtip {
    color: #444444;
    font-size: 16px;
    padding: 15px;
}
.CloseupRight .bindingtip p {
    background: url("../img/icon_notice.png") no-repeat scroll 10px center #FFFEBE;
    border: 1px solid #FFE1A6;
    border-radius: 10px 10px 10px 10px;
    padding: 15px 15px 15px 47px;
}
.ServicesFriends {
    border-radius: 10px 10px 10px 10px;
    margin: 15px 0 0 290px;
    padding: 15px 15px 20px;
}
.ServicesFriends h2 {
    border-left: 3px solid #CC0000;
    clear: left;
    font-size: 16px;
    height: 20px;
    line-height: inherit;
    margin: 0 0 16px;
    padding: 0 0 0 12px;
}
.ServicesFriends ol {
    padding-left: 20px;
}
.ServicesFriends li {
    line-height: 1.5;
    list-style-type: decimal;
}
.ServicesFriends .bindbtn {
    display: block;
    margin: 0 auto;
    max-width: 300px;
}
.ServicesFriends .friends-cover {
    background-color: #FAFAFA;
    overflow: hidden;
    padding: 10px 20px;
    position: relative;
    width: 580px;
}
.ServicesFriends .friends-cover .prev, .ServicesFriends .friends-cover .next {
    background: url("../img/btn_prev_next.gif") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 50px;
    position: absolute;
    top: 10px;
    width: 20px;
}
.ServicesFriends .friends-cover .prev {
    background-position: left top;
    left: 0;
}
.ServicesFriends .friends-cover .next {
    background-position: right top;
    right: 0;
}
.ServicesFriends .friends-cover .prev:hover {
    background-position: left center;
}
.ServicesFriends .friends-cover .next:hover {
    background-position: right center;
}
.ServicesFriends .friends-cover .prev:active {
    background-position: left bottom;
}
.ServicesFriends .friends-cover .next:active {
    background-position: right bottom;
}
.ServicesFriends .friends-cover ul {
    height: 50px;
    width: 100000%;
}
.ServicesFriends .friends-cover ul li {
    display: inline-block;
    float: left;
    height: 50px;
    margin-right: 10px;
    width: 50px;
}
.ServicesFriends .friends-cover li .cover {
    cursor: pointer;
    display: inline-block;
    height: 50px;
    width: 50px;
}
.ServicesFriends .friends-cover li .selected div {
    background: url("../img/icon_check.png") no-repeat scroll 0 0 transparent;
    height: 24px;
    margin-left: 25px;
    margin-top: 25px;
    width: 24px;
}
.ServicesFriends .FancyForm li {
    margin-bottom: 10px;
    margin-top: 10px;
}
.ServicesFriends .Submit {
    height: 40px;
}
.ServicesFriends .Submit span.text-count {
    float: right;
}
.ServicesFriends .Submit p, .ServicesFriends .Submit span.text-count, .ServicesFriends textarea {
    color: #999999;
}
.ServicesFriends .Submit span.overlong {
    color: #CB2027;
}
.ServicesFriends .Submit a.btn, .ServicesFriends .Submit p {
    float: left;
}
.ServicesFriends .Submit p {
    margin: 10px;
}
.ServicesFriends .Submit .success {
    height: 40px;
    margin: 0;
    padding: 10px 0 0 45px;
}
#invite_form .input {
    margin-bottom: 30px;
}
#invite_form .input textarea {
    border-bottom: 0 none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    height: 100px;
    z-index: 98;
}
#invite_form .invite-url {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-color: -moz-use-text-color #A4A2A2 #A4A2A2;
    border-image: none;
    border-right: 1px solid #A4A2A2;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    color: #999999;
    display: block;
    font-size: 12px;
    height: 20px;
    padding: 3px 10px;
    position: absolute;
    width: 598px;
    z-index: 99;
}
#invite_form .cover {
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: -1px;
    display: block;
    height: 10px;
    left: 1px;
    position: absolute;
    width: 612px;
    z-index: 100;
}
#PinPinner {
    overflow: hidden;
    padding: 20px;
}
#PinPinner #PinnerImage {
    float: left;
    margin-right: 9px;
    width: 50px;
}
#PinPinner #PinnerImage img {
    display: block;
    height: 50px;
    width: 50px;
}
#PinPinner #PinnerName {
    font-size: 23px;
    line-height: 1em;
    margin-bottom: 9px;
}
#PinPinner #PinnerName a {
    color: #211922;
    text-decoration: none;
}
#PinPinner #PinnerName a:hover {
    background-color: transparent;
    color: #211922;
    text-decoration: underline;
}
#PinnerStats {
    color: #999999;
    display: block;
    font-size: 14px;
    margin: 0;
    position: relative;
}
#PinnerStats .ts-words {
    padding-left: 5px;
}
#PinnerStats .via {
    padding: 0 5px;
}
#PinActionButtons {
    height: 50px;
    left: 5px;
    position: absolute;
    text-align: left;
    top: 5px;
    visibility: hidden;
    width: 320px;
    z-index: 1;
}
#pin_img:hover #PinActionButtons {
    visibility: visible;
}
#PinActionButtons .black-button {
    background: none repeat scroll 0 0 padding-box rgba(0, 0, 0, 0.5);
    border: 2px solid rgba(255, 255, 255, 0.8);
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    text-decoration: none;
}
#PinActionButtons .black-button:hover {
    background-color: rgba(0, 0, 0, 0.6);
}
#PinActionButtons .black-button:active {
    background-color: rgba(0, 0, 0, 0.7);
}
#PinActionButtons .black-button i {
    background: url("../img/pin_action_icons.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 12px;
    margin-right: 5px;
    width: 12px;
}
#PinActionButtons .repin-button {
    background: none repeat scroll 0 0 transparent;
    cursor: pointer;
    margin-right: 5px;
    padding: 0;
}
#PinActionButtons .repin-button:hover {
    background: none repeat scroll 0 0 transparent;
}
#PinActionButtons .repin-button:active {
    background: none repeat scroll 0 0 transparent;
}
#PinActionButtons .thunderpin {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    border-radius: 2px 0 0 2px;
    border-right: 1px solid #5B5B5B;
    display: inline-block;
    padding: 0 2px 0 8px;
}
#PinActionButtons .thunderpin:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
}
#PinActionButtons .thunderpin:active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
}
#PinActionButtons .repin {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    border-radius: 0 2px 2px 0;
    display: inline-block;
    padding: 0 10px;
}
#PinActionButtons .repin:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
}
#PinActionButtons .repin:active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
}
#PinActionButtons .edit-button {
    margin-right: 5px;
}
#PinActionButtons .like-button {
    cursor: pointer;
}
#PinActionButtons .like-button i {
    background-position: -20px 0;
}
#PinActionButtons .comment {
    left: 2px;
    top: 46px;
    width: 300px;
}
#PinActionButtons .comment:before {
    left: 95px;
    right: auto;
}
#PinActionButtons .comment .pointer {
    left: 100px;
}
#PinActionButtons .comment textarea {
    padding-right: 5px;
    width: 288px;
}
#PinActionButtons .comment input[type="submit"] {
    background-color: #666666;
    background-image: none;
    border-radius: 3px 3px 3px 3px;
    box-shadow: none;
    color: #CCCCCC;
    font-size: 12px;
    height: auto;
    padding: 10px;
    right: 15px;
    text-indent: 0;
    top: 55px;
    width: auto;
}
#PinActionButtons .comment input[type="submit"]:hover {
    background-color: #555555;
    color: #FFFFFF;
}
#PinActionButtons .comment input[type="submit"]:active {
    background-color: #444444;
}
#PinActionButtons .comment input.disabled[type="submit"] {
    color: #999999;
}
.like-comment-holder {
    position: relative;
}
.pin .like-comment {
    background: none repeat scroll 0 0 padding-box rgba(255, 255, 255, 0.95);
    border: 2px solid rgba(0, 0, 0, 0.2);
    bottom: 45px;
    left: 6px;
    padding: 10px;
    position: absolute;
    text-align: right;
    transition: height 0.15s linear 0s;
    width: 190px;
}
.pin .like-comment .pointer {
    background: url("../img/arrow.png") no-repeat scroll 0 0 transparent;
    bottom: -9px;
    height: 9px;
    position: absolute;
    right: 44px;
    width: 15px;
}
.pin .like-comment .close {
    background: url("../img/shopping/icon_close.png") no-repeat scroll 2px 2px transparent;
    cursor: pointer;
    display: block;
    height: 20px;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 20px;
}
.pin .like-comment .info {
    background: url("../img/icon_check_16w.png") no-repeat scroll 0 0 transparent;
    color: #555555;
    font-size: 13px;
    height: 16px;
    line-height: 16px;
    margin-bottom: 10px;
    padding-left: 22px;
    text-align: left;
}
.pin .like-comment textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    font-size: 13px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    width: 178px;
}
.pin .like-comment textarea:focus {
    border-color: #B3B3B3;
    box-shadow: none;
}
.pin .like-comment .like-comment-button {
    background: url("../img/comment_button.png") no-repeat scroll right 4px transparent;
    bottom: 17px;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 16px;
    width: 30px;
}
.pin .like-comment .like-comment-button:hover {
    background-position: right -26px;
}
#pin_source {
    color: #8C7E7E;
    font-size: 14px;
}
#pin_source a {
    color: #AD9C9C;
    padding-left: 5px;
}
.pin-source {
    bottom: 0;
    position: absolute;
    right: 0;
}
#pin_commodity_briefly {
    bottom: 0;
    height: 29px;
    line-height: 29px;
    position: absolute;
    right: 0;
}
#pin_commodity_briefly a.item {
    background: none repeat scroll 0 0 #F2F2F2;
    border-radius: 2px 2px 2px 2px;
    color: #C90000;
    display: inline-block;
    height: 15px;
    line-height: 15px;
    margin-left: 7px;
    padding: 7px 10px 7px 28px;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
}
#pin_commodity_briefly a.item:hover {
    background: none repeat scroll 0 0 #F0F0F0;
}
#pin_commodity_briefly a.item .icon {
    background: url("../img/store_icons.png") no-repeat scroll 0 -50px transparent;
    height: 16px;
    left: 7px;
    margin: 0;
    position: absolute;
    top: 7px;
    width: 16px;
}
#pin_commodity_briefly a.item .from {
    padding-right: 4px;
}
#pin_commodity_briefly a.item .price {
    border-left: 1px solid #E3E3E3;
    padding-left: 4px;
}
#pin_commodity_bar {
    background: none repeat scroll 0 0 #F7F7F7;
    border-radius: 5px 5px 5px 5px;
    font-size: 14px;
    line-height: 16px;
    margin: 15px 20px 30px;
    padding: 15px 17px 15px 37px;
    position: relative;
}
#pin_commodity_bar .icon {
    background: url("../img/store_icons.png") no-repeat scroll 0 -50px transparent;
    height: 16px;
    left: 13px;
    margin-right: 5px;
    position: absolute;
    top: 15px;
    width: 16px;
}
#shopping_container .pin .commodity em.icon.store-taobao {
    background-position: -100px 0;
}
#pin_commodity_briefly a.item .icon.store-taobao, #pin_commodity_bar .icon.store-taobao, .pin .commodity em.icon.store-taobao, #shopping_container .pin:hover .commodity em.icon.store-taobao {
    background-position: -100px -50px;
}
#shopping_container .pin .commodity em.icon.store-tmall {
    background-position: -50px 0;
}
#pin_commodity_briefly a.item .icon.store-tmall, #pin_commodity_bar .icon.store-tmall, .pin .commodity em.icon.store-tmall, #shopping_container .pin:hover .commodity em.icon.store-tmall {
    background-position: -50px -50px;
}
#shopping_container .pin .commodity em.icon.store-nuandao {
    background-position: -150px 0;
}
#pin_commodity_briefly a.item .icon.store-nuandao, #pin_commodity_bar .icon.store-nuandao, .pin .commodity em.icon.store-nuandao, #shopping_container .pin:hover .commodity em.icon.store-nuandao {
    background-position: -150px -50px;
}
#shopping_container .pin .commodity em.icon.store-1626buy {
    background-position: -200px 0;
}
#pin_commodity_briefly a.item .icon.store-1626buy, #pin_commodity_bar .icon.store-1626buy, .pin .commodity em.icon.store-1626buy, #shopping_container .pin:hover .commodity em.icon.store-1626buy {
    background-position: -200px -50px;
}
#shopping_container .pin .commodity em.icon.store-xipin {
    background-position: -250px 0;
}
#pin_commodity_briefly a.item .icon.store-xipin, #pin_commodity_bar .icon.store-xipin, .pin .commodity em.icon.store-xipin, #shopping_container .pin:hover .commodity em.icon.store-xipin {
    background-position: -250px -50px;
}
#shopping_container .pin .commodity em.icon.store-jue {
    background-position: -300px 0;
}
#pin_commodity_briefly a.item .icon.store-jue, #pin_commodity_bar .icon.store-jue, .pin .commodity em.icon.store-jue, #shopping_container .pin:hover .commodity em.icon.store-jue {
    background-position: -300px -50px;
}
#shopping_container .pin .commodity em.icon.store-creatife {
    background-position: -350px 0;
}
#pin_commodity_briefly a.item .icon.store-creatife, #pin_commodity_bar .icon.store-creatife, .pin .commodity em.icon.store-creatife, #shopping_container .pin:hover .commodity em.icon.store-creatife {
    background-position: -350px -50px;
}
#shopping_container .pin .commodity em.icon.store-emoi {
    background-position: -400px 0;
}
#pin_commodity_briefly a.item .icon.store-emoi, #pin_commodity_bar .icon.store-emoi, .pin .commodity em.icon.store-emoi, #shopping_container .pin:hover .commodity em.icon.store-emoi {
    background-position: -400px -50px;
}
#shopping_container .pin .commodity em.icon.store-shijue {
    background-position: -450px 0;
}
#pin_commodity_briefly a.item .icon.store-shijue, #pin_commodity_bar .icon.store-shijue, .pin .commodity em.icon.store-shijue, #shopping_container .pin:hover .commodity em.icon.store-shijue {
    background-position: -450px -50px;
}
#shopping_container .pin .commodity em.icon.store-360buy {
    background-position: -500px 0;
}
#pin_commodity_briefly a.item .icon.store-360buy, #pin_commodity_bar .icon.store-360buy, .pin .commodity em.icon.store-360buy, #shopping_container .pin:hover .commodity em.icon.store-360buy {
    background-position: -500px -50px;
}
#shopping_container .pin .commodity em.icon.store-dangdang {
    background-position: -550px 0;
}
#pin_commodity_briefly a.item .icon.store-dangdang, #pin_commodity_bar .icon.store-dangdang, .pin .commodity em.icon.store-dangdang, #shopping_container .pin:hover .commodity em.icon.store-dangdang {
    background-position: -550px -50px;
}
#shopping_container .pin .commodity em.icon.store-wowsai {
    background-position: -600px 0;
}
#pin_commodity_briefly a.item .icon.store-wowsai, #pin_commodity_bar .icon.store-wowsai, .pin .commodity em.icon.store-wowsai, #shopping_container .pin:hover .commodity em.icon.store-wowsai {
    background-position: -600px -50px;
}
#shopping_container .pin .commodity em.icon.store-zara {
    background-position: -650px 0;
}
#pin_commodity_briefly a.item .icon.store-zara, #pin_commodity_bar .icon.store-zara, .pin .commodity em.icon.store-zara, #shopping_container .pin:hover .commodity em.icon.store-zara {
    background-position: -650px -50px;
}
#shopping_container .pin .commodity em.icon.store-crucco {
    background-position: -700px 0;
}
#pin_commodity_briefly a.item .icon.store-crucco, #pin_commodity_bar .icon.store-crucco, .pin .commodity em.icon.store-crucco, #shopping_container .pin:hover .commodity em.icon.store-crucco {
    background-position: -700px -50px;
}
#shopping_container .pin .commodity em.icon.store-apous {
    background-position: -750px 0;
}
#pin_commodity_briefly a.item .icon.store-apous, #pin_commodity_bar .icon.store-apous, .pin .commodity em.icon.store-apous, #shopping_container .pin:hover .commodity em.icon.store-apous {
    background-position: -750px -50px;
}
#shopping_container .pin .commodity em.icon.store-magibuy {
    background-position: -800px 0;
}
#pin_commodity_briefly a.item .icon.store-magibuy, #pin_commodity_bar .icon.store-magibuy, .pin .commodity em.icon.store-magibuy, #shopping_container .pin:hover .commodity em.icon.store-magibuy {
    background-position: -800px -50px;
}
#shopping_container .pin .commodity em.icon.store-quwan {
    background-position: -850px 0;
}
#pin_commodity_briefly a.item .icon.store-quwan, #pin_commodity_bar .icon.store-quwan, .pin .commodity em.icon.store-quwan, #shopping_container .pin:hover .commodity em.icon.store-quwan {
    background-position: -850px -50px;
}
#shopping_container .pin .commodity em.icon.store-shejijia {
    background-position: -900px 0;
}
#pin_commodity_briefly a.item .icon.store-shejijia, #pin_commodity_bar .icon.store-shejijia, .pin .commodity em.icon.store-shejijia, #shopping_container .pin:hover .commodity em.icon.store-shejijia {
    background-position: -900px -50px;
}
#shopping_container .pin .commodity em.icon.store-nop {
    background-position: -950px 0;
}
#pin_commodity_briefly a.item .icon.store-nop, #pin_commodity_bar .icon.store-nop, .pin .commodity em.icon.store-nop, #shopping_container .pin:hover .commodity em.icon.store-nop {
    background-position: -950px -50px;
}
#shopping_container .pin .commodity em.icon.store-doin {
    background-position: -1000px 0;
}
#pin_commodity_briefly a.item .icon.store-doin, #pin_commodity_bar .icon.store-doin, .pin .commodity em.icon.store-doin, #shopping_container .pin:hover .commodity em.icon.store-doin {
    background-position: -1000px -50px;
}
#shopping_container .pin .commodity em.icon.store-liveport {
    background-position: -1050px 0;
}
#pin_commodity_briefly a.item .icon.store-liveport, #pin_commodity_bar .icon.store-liveport, .pin .commodity em.icon.store-liveport, #shopping_container .pin:hover .commodity em.icon.store-liveport {
    background-position: -1050px -50px;
}
#shopping_container .pin .commodity em.icon.store-sopool {
    background-position: -1100px 0;
}
#pin_commodity_briefly a.item .icon.store-sopool, #pin_commodity_bar .icon.store-sopool, .pin .commodity em.icon.store-sopool, #shopping_container .pin:hover .commodity em.icon.store-sopool {
    background-position: -1100px -50px;
}
#pin_commodity_bar .buy {
    float: right;
    margin: -6px 0 0 5px;
}
#pin_commodity_bar .buy.expire strong {
    color: #999999;
}
.pin-img {
    background: url("../img/img_bg_2.png") repeat scroll 0 0 transparent;
    margin: 0 20px 15px;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.pin-img img {
    display: block;
    margin: 0 auto;
}
.pin-caption {
    border-bottom-width: 0;
    line-height: 1.5em;
    padding: 0 20px 30px;
}
.pintag {
    color: #524D4D;
}
.pintag:after {
    content: " ";
}
.pin-caption .text {
    font-size: 14px;
    word-wrap: break-word;
}
.pin-caption .via {
    display: block;
    line-height: 16px;
    margin-bottom: 0;
    margin-top: 8px;
}
.pin-caption .stats {
    margin-top: 10px;
}
#pin_stats {
    height: 15px;
    margin: 0 20px 20px;
    position: relative;
}
#pin_stats .stats .count {
    border-right: 1px solid #DDDDDD;
    cursor: pointer;
    margin-right: 10px;
    padding-right: 10px;
}
#pin_stats .stats .count:hover {
    color: #C90000;
}
#pin_stats .stats .count:last-child {
    border: 0 none;
}
#pin_stats .stats .count i {
    background: url("../img/bt_action_icons.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 12px;
    margin-right: 5px;
    width: 12px;
}
#pin_stats .stats .count:hover i {
    background-position: 0 -20px;
}
#pin_stats .stats .likes-count i {
    background-position: -20px 0;
}
#pin_stats .stats .likes-count:hover i {
    background-position: -20px -20px;
}
#pin_stats .stats .comments-count i {
    background-position: -40px 0;
}
#pin_stats .stats .comments-count:hover i {
    background-position: -40px -20px;
}
#pin_stats .stats .num {
    padding-left: 5px;
}
#pin_stats .share {
    bottom: 0;
    position: absolute;
    right: 0;
}
#pin_stats .share .share-button {
    background: url("../img/share_social_icons.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin-left: 10px;
    vertical-align: bottom;
    width: 16px;
}
#pin_stats .share .weibo {
    background-position: 0 -30px;
}
#pin_stats .share .weibo:hover {
    background-position: 0 0;
}
#pin_stats .share .tqq {
    background-position: 0 -90px;
}
#pin_stats .share .tqq:hover {
    background-position: 0 -60px;
}
#pin_stats .share .qzone {
    background-position: 0 -150px;
}
#pin_stats .share .qzone:hover {
    background-position: 0 -120px;
}
#pin_stats .share .renren {
    background-position: 0 -210px;
}
#pin_stats .share .renren:hover {
    background-position: 0 -180px;
}
#pin_stats .share .douban {
    background-position: 0 -270px;
}
#pin_stats .share .douban:hover {
    background-position: 0 -240px;
}
#pin_stats .share .qfriends {
    background-position: 0 -330px;
}
#pin_stats .share .qfriends:hover {
    background-position: 0 -300px;
}
#pin_comments {
    border-top: 1px solid #D1CDCD;
}
#pin_comments p {
    line-height: 1.33em;
}
#pin_comments .comment {
    border-bottom: 1px dashed #D1CDCD;
    clear: both;
    font-size: 14px;
    margin: 0 20px;
    overflow: hidden;
    padding: 15px 0;
}
#pin_comments .comment p {
    display: block;
    margin: 0 58px 4px 65px;
}
#pin_comments .comment img {
    display: block;
    width: 50px;
}
#pin_comments .comment .meta {
    color: #AD9C9C;
}
#pin_comments .comment ul {
    margin: 0 0 4px 58px;
}
#pin_comments .comment li {
    display: inline;
    margin-right: 3px;
}
#pin_comments .comment li img {
    display: inline;
    width: 5px;
}
#pin_comments .avatar {
    float: left;
    margin-right: 8px;
}
#pin_comments .avatar img {
    height: 50px;
    width: 50px;
}
#pin_likes {
    padding: 20px 10px 12px 20px;
}
#pin_likes .avatar {
    float: left;
    margin: 0 8px 8px 0;
}
#pin_comments .author {
    text-decoration: none;
}
#pin_comments .DeleteComment {
    background: url("../img/comment_act_icon.png") no-repeat scroll -19px 0 transparent;
    cursor: pointer;
    float: right;
    height: 20px;
    margin-left: 7px;
    width: 20px;
}
#pin_comments .DeleteComment:hover {
    background-position: -19px -20px;
}
#pin_comments .DeleteComment:active {
    background-position: -19px -40px;
}
#pin_comments .pinViewReplyButton {
    background: url("../img/comment_act_icon.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: right;
    height: 20px;
    margin-left: 7px;
    width: 20px;
}
#pin_comments .pinViewReplyButton:hover {
    background-position: 0 -20px;
}
#pin_comments .pinViewReplyButton:active {
    background-position: 0 -40px;
}
#pin_comments .ReportButton {
    background: url("../img/report_icon.png") no-repeat scroll 3px 0 transparent;
    cursor: pointer;
    float: right;
    height: 20px;
    width: 20px;
}
#pin_comments .ReportButton:hover {
    background-position: 3px -20px;
}
#pin_comments .ReportButton:active {
    background-position: 3px -40px;
}
#pin_comments .comment #comment_action_btns {
    height: 30px;
    visibility: hidden;
    width: 80px;
}
#pin_comments .comment:hover #comment_action_btns {
    visibility: visible;
}
#PinAddComment {
    padding: 15px 20px;
}
#PinAddComment .avatar {
    float: left;
    width: 50px;
}
#PinAddComment .InputContainer {
    margin-left: 58px;
    position: relative;
}
#PinAddComment #CloseupComment {
    display: block;
    font-size: 14px;
    height: 32px;
    min-height: 0;
    padding: 8px;
    resize: vertical;
    width: 504px;
}
#PinAddComment label.unauth {
    z-index: 9;
}
#PinAddCommentControls {
    overflow: hidden;
}
#PinAddCommentControls .HelpText {
    float: left;
    font-size: 13px;
    margin: 13px 0 0 58px;
    width: 320px;
}
#PinAddCommentControls .btn {
    float: right;
    margin-top: 8px;
}
#loginToComment {
    font-size: 13px;
    padding: 12px;
    text-align: center;
}
.PinActivity {
    border-top: 1px solid #CCCCCC;
    clear: both;
    font-size: 13px;
    overflow: hidden;
    padding: 20px;
}
.PinActivity h4 {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
}
.PinActivity .avatar {
    float: left;
    margin-right: 8px;
}
.PinActivity .avatar img {
    display: block;
    height: 40px;
    width: 40px;
}
.PinActivity .repin {
    color: #8C7E7E;
    float: left;
    line-height: 14px;
    margin-bottom: 8px;
    width: 495px;
}
.PinActivity .repin p {
    float: left;
    margin: 0;
    padding-top: 14px;
}
.PinActivity .repin_attr {
    display: block;
    padding: 16px 0 25px;
}
#PinRepins .more {
    background: none repeat scroll 0 0 #F7F7F7;
    border-radius: 3px 3px 3px 3px;
    color: #444444;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
}
#PinRepins .more:hover {
    background: none repeat scroll 0 0 #F2F2F2;
    color: #C90000;
}
.PinRepinStory {
    margin: 0 0 30px;
    overflow: hidden;
    position: relative;
}
.PinRepinStory .avt img {
    border-radius: 50% 50% 50% 50%;
    height: 60px;
    width: 60px;
}
.PinRepinStory .title-item {
    background: url("../img/user_card_bg.png") repeat scroll 0 0 transparent;
    font-size: 14px;
    height: 130px;
    text-align: center;
    width: 130px;
}
.PinRepinStory .title-item a {
    display: block;
}
.PinRepinStory .title-item .name {
    padding: 10px 0 5px;
}
.PinRepinStory .title-item .board-name {
    color: #999999;
    padding-top: 5px;
}
.PinRepinStory .repin-board {
    left: 150px;
    position: absolute;
    top: 0;
    width: 450px;
}
.PinRepinStory .repin-board .img {
    float: left;
    height: 130px;
    margin-right: 20px;
    width: 130px;
}
.PinRepinStory .repin-board .holder {
    background: url("../img/img_bg_2.png") repeat scroll 0 0 transparent;
    float: left;
    height: 130px;
    margin-right: 20px;
    width: 130px;
}
a.mv {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../img/final_cut.gif") no-repeat scroll left -100px transparent;
    border-color: #FFFFFF #FFFFFF -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 4px 4px 0;
    bottom: 0;
    display: block;
    height: 100px;
    position: absolute;
    right: 14px;
    width: 170px;
}
a.mv:hover {
    background-position: 0 0;
}
#pin_view_footer {
    border-top: 1px solid #DDDDDD;
    font-size: 14px;
    padding: 20px 0 40px;
    text-align: center;
}
#pin_view_footer .info {
    border-right: 1px solid #DDDDDD;
    color: #999999;
    padding-right: 25px;
}
#pin_view_footer i {
    font-style: normal;
    margin-left: 15px;
    margin-right: 3px;
}
#pin_view_footer .Report {
    cursor: pointer;
    font-weight: 700;
    margin-left: 25px;
}
#pin_view_footer .notice-icon {
    background: url("../img/icon_report.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 16px;
    margin: 0 8px 0 0;
    vertical-align: bottom;
    width: 16px;
}
#pin_view_footer .info-icon {
    background: url("../img/icon_info.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 16px;
    margin: 0 8px 0 0;
    vertical-align: bottom;
    width: 16px;
}
#pin_view_footer .title {
    font-weight: 700;
}
#pin_view_footer .info .help {
    cursor: pointer;
}
#mv_trigger_callout {
    background: url("../img/login_tips_video_cover.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    float: left;
    height: 58px;
    margin-right: 10px;
    position: static;
    width: 78px;
}
#mv_trigger_callout:hover {
    background-position: 0 -70px;
}
#mv_trigger_callout:active {
    background-position: 0 -140px;
}
ul.x-tabs {
    background: url("../img/line.gif") repeat-x scroll left bottom transparent;
    float: left;
    padding-bottom: 2px;
    width: 100%;
}
ul.x-tabs li {
    cursor: pointer;
    float: left;
    font-size: 18px;
    font-weight: 400;
    margin-right: 10px;
    padding: 6px 11px 0;
}
ul.x-tabs li.selected {
    background-color: #E6E3E3;
    border-left: 1px solid #C8C5C5;
    border-right: 1px solid #C8C5C5;
    border-top: 1px solid #C8C5C5;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-weight: 700;
    padding: 5px 10px 0;
}
.CloseupLeft .nav {
    float: left;
    width: 190px;
}
.CloseupLeft .nav li {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: right;
    width: 190px;
}
.CloseupLeft .nav li.selected {
    background: url("../img/about/li.png") no-repeat scroll 0 0 transparent;
}
.CloseupLeft .nav li:hover {
    background: url("../img/about/li.png") no-repeat scroll 0 -40px transparent;
}
.CloseupLeft .nav li a, #nav li span {
    display: block;
    font-weight: 400;
    padding-right: 40px;
}
.CloseupLeft .nav li a:hover {
    text-decoration: none;
}
.thunder-tip {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    border: 0 none;
    color: #DDDDDD;
    display: block;
    left: -7px;
    line-height: 16px;
    padding: 6px 8px;
    position: absolute;
    top: -9px;
    width: 76px;
    z-index: 3;
}
.thunder-tip a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
    color: #FFFFFF;
    cursor: pointer;
    font-size: 13px;
    margin: 0 2px;
    padding: 0 4px;
    text-shadow: none;
}
.thunder-tip a:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #B90000;
    text-decoration: none;
}
.thunder-tip a.go {
    margin-top: 8px;
    padding: 0;
    text-align: center;
}
.thunder-tip .confirm {
    margin-top: 8px;
    padding-left: 18px;
    text-align: left;
}
#pin_img .thunder-tip {
    left: 0;
    top: 0;
}
.pin .thunder-tip {
    left: 6px;
    max-width: 190px;
    text-decoration: none;
    top: 6px;
}
.thunder-tip-success, .thunder-tip.success {
    color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    width: 90px;
}
.thunder-tip-warning, .thunder-tip.warning {
    width: auto;
}
.thunder-tip-failed, .thunder-tip.failde {
    background: none repeat scroll 0 0 rgba(201, 0, 0, 0.5);
    width: 90px;
}
.thunder-tip span.summary {
    background: url("../img/thunder_motion.gif") no-repeat scroll 3px 3px transparent;
    color: #FFFFFF;
    display: block;
    padding-left: 22px;
    text-align: left;
}
.thunder-tip .go, .thunder-tip .detail {
    color: #FFFFFF;
    display: block;
    padding-left: 22px;
    text-align: left;
}
.thunder-tip-ing span.summary, .thunder-tip.ing span.summary {
    background-position: 2px 2px;
}
.thunder-tip-success span.summary, .thunder-tip.success span.summary {
    background: url("../img/icon_check_16w.png") no-repeat scroll 0 0 transparent;
    font-weight: 700;
}
.thunder-tip-failed span.summary, .thunder-tip.failed span.summary {
    background: url("../img/icon_error_16w.png") no-repeat scroll 0 0 transparent;
    font-weight: 700;
}
#zoomr {
    background: url("../img/zoomr_bg.gif") repeat scroll 0 0 #333333;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
#zoomr_toolbar {
    border-right: 1px solid #222222;
    bottom: 0;
    left: 0;
    overflow: hidden;
    padding: 5px;
    position: absolute;
    top: 0;
    width: 110px;
}
#zoomr_toolbar .bg {
    background-color: #111111;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0.25;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
#zoomr_toolbar .fg {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
#zoomr_logo {
    left: 10px;
    position: absolute;
    top: 10px;
}
#zoomr_hide {
    background: url("../img/zoomr_back.png") no-repeat scroll left top transparent;
    color: #999999;
    cursor: pointer;
    display: block;
    font-size: 1.2em;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    margin: 70px auto 0;
    padding: 0 5px 0 20px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
    width: 39px;
}
#zoomr_hide:hover {
    background-position: left -30px;
    text-decoration: none;
}
#zoomr_hide:active {
    background-position: left -60px;
}
#zoomr_show {
    background: url("../img/zoomr_in.png") no-repeat scroll left top transparent;
    cursor: pointer;
    display: block;
    height: 32px;
    position: absolute;
    right: -50px;
    top: -50px;
    transition: right 0.15s ease-in-out 0s, top 0.15s ease-in-out 0s;
    width: 32px;
}
#zoomr_show:hover {
    background-position: left -32px;
}
#zoomr_show:active {
    background-position: left -64px;
}
.hover #zoomr_show, #pin_img:hover #zoomr_show {
    right: 0;
    top: 0;
}
#zoomr_body {
    border-left: 1px solid #454545;
    bottom: 0;
    left: 121px;
    overflow: auto;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 0;
}
#zoomr_body img {
    box-shadow: 0 0 25px rgba(25, 25, 25, 0.9);
}
.PriorAndNext {
    display: block;
    height: 25px;
    margin-bottom: 16px;
    overflow: hidden;
    position: relative;
    width: 73px;
}
.PriorAndNext .prev {
    background: url("../img/toolbar.gif") no-repeat scroll left 0 transparent;
    display: block;
    height: 25px;
    left: 0;
    position: absolute;
    top: 1px;
    width: 24px;
}
.PriorAndNext .next {
    background: url("../img/toolbar.gif") no-repeat scroll left -100px transparent;
    display: block;
    height: 25px;
    position: absolute;
    right: 0;
    top: 1px;
    width: 47px;
}
.PriorAndNext .prev:hover {
    background-position: left -25px;
}
.PriorAndNext .next:hover {
    background-position: left -125px;
}
.PriorAndNext .prev:active {
    background-position: left -50px;
}
.PriorAndNext .next:active {
    background-position: left -150px;
}
.PriorAndNext a.prev.disabled {
    background-position: left -75px;
}
.PriorAndNext a.next.disabled {
    background-position: left -175px;
}
.pointy-tip {
    display: none;
    position: absolute;
    z-index: 9;
}
.pointy-tip .pointy-tip-body {
    background: linear-gradient(#FEF9D2, #FFFCEB) repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 5px rgba(34, 25, 25, 0.4);
    padding: 12px 14px 5px;
    position: relative;
}
.pointy-tip .arrow {
    color: #FEF9D3;
    left: 25px;
    position: absolute;
    top: -7px;
    width: 15px;
    z-index: 10;
}
.csstransforms .pointy-tip .arrow, .csstransitions .pointy-tip .arrow {
    text-shadow: 0 -1px 5px rgba(0, 0, 0, 0.7);
    transform: rotate(135deg);
    transition: all 0.15s ease-in-out 0s;
}
.no-csstransforms .pointy-tip .arrow {
    background: url("../img/tip_yellow_sq.png") repeat scroll left top transparent;
    height: 7px;
    text-indent: -999999px;
    width: 25px;
}
.pointy-tip .arrow-mask {
    background-color: #FEF9D3;
    display: block;
    height: 10px;
    left: 20px;
    position: absolute;
    top: 0;
    width: 30px;
    z-index: 11;
}
.pointy-tip a.close {
    background: url("../img/pointy_tip_close_btn.gif") no-repeat scroll left top transparent;
    display: block;
    height: 18px;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 18px;
}
.pointy-tip a.close:hover {
    background-position: left -18px;
}
.pointy-tip a.close:active {
    background-position: left -36px;
}
.pointy-tip h5 {
    color: #444444;
    font-size: 16px;
    margin-bottom: 5px;
    padding-right: 24px;
}
.pointy-tip .content {
    margin-top: 10px;
}
#invites_tip .pointy-tip-body .textarea_background {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FCF9F9;
    border-color: #DDDDDD #E1DFDF #D1CDCD;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 2px rgba(255, 255, 255, 0.75) inset;
}
#invites_tip .pointy-tip-body .codelay {
    padding: 5px;
    position: relative;
}
#invites_tip .pointy-tip-body .codelay span.overlay {
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
}
#invites_tip .pointy-tip-body textarea {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    height: 25px;
}
#invites_tip .pointy-tip-body textarea:focus {
    border: 0 none;
    box-shadow: none;
}
.smooth-notification {
    opacity: 0.1;
    transition: margin 0.15s ease-out 0s;
    visibility: hidden;
}
.smooth-notification.down {
    margin-bottom: 10px;
    margin-top: -10px;
}
.smooth-notification.up {
    margin-bottom: -10px;
    margin-top: 10px;
}
.smooth-notification.left {
    margin-left: 10px;
    margin-right: -10px;
}
.smooth-notification.right {
    margin-left: -10px;
    margin-right: 10px;
}
div.smooth-notification.show {
    margin: 0;
    opacity: 1;
    visibility: visible;
}
.smooth-notification a.notification {
    color: inherit;
    font-size: inherit;
    text-decoration: none;
}
.smooth-notification.window {
    background: url("../img/bg.gif") repeat scroll 0 0 padding-box #F7F5F5;
    border: 6px solid rgba(0, 0, 0, 0.14);
    border-radius: 10px 10px 10px 10px;
    min-height: 150px;
    min-width: 300px;
    padding: 20px;
}
.smooth-notification.yellow {
    background: linear-gradient(#FEF9D2, #FFFCEB) repeat scroll 0 0 transparent;
    box-shadow: 0 1px #FFFFFF inset, 0 1px 2px rgba(34, 25, 25, 0.4);
    color: #000000;
    font-size: 20px;
    padding: 16px 55px;
}
.smooth-notification.normal {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    border-radius: 0 0 5px 5px;
    box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
    color: #FFFFFF;
    font-size: 15px;
    padding: 8px 35px;
}
.fast-transition {
    transition: all 0.15s ease-out 0s;
}
.slow-transition {
    transition: all 0.5s ease-out 0s;
}
.smooth-notification .sm-arrow {
    background: url("../img/smooth_arrow.png") no-repeat scroll center bottom transparent;
    position: absolute;
}
.smooth-notification .border-arrow {
    background: none repeat scroll 0 center transparent;
    border: 7px solid transparent;
    height: 0;
    width: 0;
}
.smooth-notification .border-down {
    bottom: -14px;
    left: 50%;
    margin-left: -7px;
}
.smooth-notification .border-up {
    left: 50%;
    margin-left: -7px;
    top: -14px;
}
.smooth-notification .border-left {
    left: -14px;
    margin-top: -7px;
    top: 50%;
}
.smooth-notification .border-right {
    margin-top: -7px;
    right: -14px;
    top: 50%;
}
.smooth-notification .pic-down {
    bottom: -8px;
    height: 8px;
    left: 50%;
    margin-left: -6px;
    width: 12px;
}
.smooth-notification .pic-up {
    background-position: center top;
    height: 8px;
    left: 50%;
    margin-left: -7px;
    top: -8px;
    width: 12px;
}
.smooth-notification .pic-left {
    background-position: left center;
    height: 14px;
    left: -8px;
    margin-top: -6px;
    top: 50%;
    width: 8px;
}
.smooth-notification .pic-right {
    background-position: right center;
    height: 14px;
    margin-top: -6px;
    right: -8px;
    top: 50%;
    width: 8px;
}
.sm-closeButton {
    background: url("../img/pointy_tip_close_btn.gif") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 18px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 18px;
}
.sm-mask {
    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    left: 0;
    opacity: 0.3;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999998;
}
a.sexy-button {
    background: url("../img/sexy-button-background.png") no-repeat scroll left 0 transparent;
    display: block;
    float: left;
    height: 43px;
    margin: 0;
    padding: 0 0 0 19px;
    text-decoration: none;
}
a.sexy-button:hover {
    background-position: left -86px;
}
a.sexy-button:active {
    margin-top: 2px;
}
a.sexy-button span {
    background: url("../img/sexy-button-background.png") no-repeat scroll right -43px transparent;
    color: #646464;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 17px;
    font-weight: 900;
    height: 32px;
    line-height: 17px;
    margin: 0;
    padding: 11px 19px 0 0;
    text-align: center;
}
a.sexy-button:hover span {
    background-position: right -129px;
    color: #333333;
}
#header .overlay {
    background-color: rgba(255, 255, 255, 0.8);
    height: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: -5px;
    z-index: 99999;
}
#header .overlay a.close {
    background: url("../img/login/login_bg.png") no-repeat scroll center -125px #393939;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 2px 4px rgba(57, 57, 57, 0.6), 2px 0 4px rgba(57, 57, 57, 0.6), -2px 0 4px rgba(57, 57, 57, 0.6);
    display: block;
    height: 40px;
    margin: -4px auto 0;
    padding-top: 4px;
    position: relative;
    text-indent: -999999px;
    width: 150px;
}
h1#thin_logo {
    background: url("../img/login_logo.png") no-repeat scroll 0 0 transparent;
    height: 90px;
    margin: 0 auto 20px;
    text-align: center;
    width: 255px;
}
.logo-bar {
    -moz-user-select: none;
    background: url("../img/login_bar2.png") no-repeat scroll center center transparent;
    clear: both;
    display: block;
    margin: 0 auto;
    padding: 20px 0 25px;
    width: 600px;
}
.error-page {
    margin: 5% auto 0;
    text-align: center;
    width: 800px;
}
.error-page .error {
    display: inline-block;
    text-align: center;
}
#msgl_body {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    margin-bottom: 40px;
    margin-top: 20px;
    padding: 26px;
}
#msgl_body .main-tabs {
    margin-bottom: 20px;
}
#msgl_body ol {
    border-top: 0 none;
    clear: both;
    margin: 0;
    padding: 0;
}
#msgl ol li {
    display: block;
    font-size: 14px;
    padding: 0;
}
#msgl .item {
    border: 1px solid #EDEDED;
    border-radius: 4px 4px 4px 4px;
    display: block;
    float: left;
    height: 74px;
    padding: 4px;
    width: 74px;
}
#msgl ol li .item img {
    height: 74px;
    width: 74px;
}
#msgl ol li .content {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #EDEDED;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 20px;
    margin-left: 101px;
    min-height: 82px;
    padding: 0;
    position: relative;
}
#msgl ol li .content .inner {
    padding: 20px;
}
#msgl ol li .content .inner:hover .report_act {
    visibility: visible;
}
#msgl ol li .content .inner .report_act {
    background: url("../img/msgl_act_icon.png") no-repeat scroll -40px 0 transparent;
    cursor: pointer;
    display: block;
    float: right;
    height: 18px;
    position: relative;
    right: 62px;
    text-indent: -9999px;
    top: -7px;
    visibility: hidden;
    width: 18px;
}
#msgl ol li .content .inner .report_act:hover {
    background-position: -40px -20px;
}
#msgl ol li .content .inner .report_act:active {
    background-position: -40px -40px;
}
#msgl ol li .content .detail a {
    color: #9A0000;
    padding: 0 5px;
}
#msgl ol li .content .ulink a {
    padding: 0;
}
#msgl ol li .content .detail a:first-child {
    padding-left: 0;
}
#msgl ol li .content p {
    margin: 0 0 5px;
}
#msgl ol li .content p.text {
    margin: 0;
}
#msgl ol.activities li.unread .content, #msgl ol.mentions .content li.unread {
    background: none repeat scroll 0 0 #FFFFF5;
    border-left: 4px solid #C90000;
}
#msgl ol.mentions li .content li {
    border-top: 1px solid #EDEDED;
}
#msgl ol.mentions li .content li.first {
    border-top: 0 none;
}
#msgl ol li .content .clear-right {
    clear: right;
}
#msgl .activities .content a.img {
    border-radius: 10px 10px 10px 10px;
    height: 64px;
    position: absolute;
    right: 10px;
    top: 9px;
    width: 64px;
}
#msgl .activities .content img {
    background: none repeat scroll 0 center transparent;
    height: 64px;
    width: 64px;
}
#msgl .mentions .content .avt {
    background: none repeat scroll 0 center transparent;
    float: left;
    height: 40px;
    width: 40px;
}
#msgl ol.activities .content img {
    float: right;
}
#msgl .mentions .detail {
    margin-left: 60px;
    word-wrap: break-word;
}
#msgl .mentions .detail .ts-words {
    padding: 0 5px;
}
#msgl .comment {
    position: relative;
}
#msgl .comment .acts {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    visibility: hidden;
    width: 90px;
}
#msgl .comment:hover .acts {
    visibility: visible;
}
#msgl .acts a {
    background: url("../img/msgl_act_icon.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    float: right;
    height: 18px;
    margin-left: 10px;
    text-indent: -9999px;
    width: 18px;
}
#msgl .acts .reply:hover {
    background-position: 0 -20px;
}
#msgl .acts .reply:active {
    background-position: 0 -40px;
}
#msgl .acts .del {
    background-position: -20px 0;
}
#msgl .acts .del:hover {
    background-position: -20px -20px;
}
#msgl .acts .del:active {
    background-position: -20px -40px;
}
#msgl .acts .report {
    background-position: -40px 0;
}
#msgl .acts .report:hover {
    background-position: -40px -20px;
}
#msgl .acts .report:active {
    background-position: -40px -40px;
}
#msgl .mentions .reply-box {
    margin-top: 20px;
}
#msgl .mentions .reply-box form {
    margin-left: 60px;
    margin-right: 10px;
}
#msgl .mentions textarea.MentionComment {
    height: 30px;
    margin-bottom: 8px;
    min-height: 0;
    width: 664px;
}
#msgl .mentions .reply-box .cancel {
    display: inline-block;
    margin-left: 10px;
}
#msgl .gbtn.disabled:hover span {
    box-shadow: 0 1px rgba(255, 255, 255, 0.35) inset;
}
#msgl .gbtn.disabled:active span {
    box-shadow: 0 1px 2px rgba(34, 25, 25, 0.25) inset;
}
#msgl .load-more {
    display: block;
}
#msgl .ac-choices {
    background-color: #3A3A3A;
    border-color: #575757;
}
#MessageIndicator {
    background: url("../img/msgl_indicator_bg.gif") repeat scroll 0 0 transparent;
    border: 1px solid transparent;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 3px rgba(34, 25, 25, 0.5);
    left: -3px;
    position: fixed;
    top: 152px;
    transition: left 0.5s ease-in-out 0s;
    width: 138px;
    z-index: 5;
}
#MessageIndicator ul.nav {
    background: url("../img/msgl_indicator_bg_left.png") repeat-y scroll 0 0 #FAFAFA;
    display: block;
    float: left;
    margin: 3px 0;
    width: 120px;
}
#MessageIndicator ul.nav li {
    border-bottom: 1px dashed #EDEDED;
    font-size: 15px;
    line-height: 15px;
}
#MessageIndicator ul.nav li a {
    -moz-user-select: none;
    display: block;
    height: 100%;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px rgba(255, 255, 255, 0.9);
    white-space: nowrap;
}
#MessageIndicator ul.nav li a:hover {
    color: #666060;
    text-shadow: 0 1px #FFFFFF;
}
#MessageIndicator ul.nav li a:active {
    color: #454141;
    text-shadow: 0 1px rgba(255, 255, 255, 0.8);
}
#MessageIndicator a#arrow-btn {
    background-color: #FFFFFF;
    border-bottom-right-radius: 4px;
    border-left: 1px solid #EDEDED;
    border-top-right-radius: 4px;
    bottom: 0;
    cursor: pointer;
    height: auto;
    margin: 3px 3px 3px 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
}
#MessageIndicator .arrow {
    height: 13px;
    position: absolute;
    top: 50%;
    width: 16px;
}
#MessageIndicator .arrow span {
    background: url("../img/msgl_indicator_arrows.png") no-repeat scroll 6px 0 #FFFFFF;
    height: 100%;
    position: absolute;
    top: -50%;
    width: 100%;
}
#MessageIndicator a.out .arrow span {
    background-position: 6px 0;
}
#MessageIndicator a.out:hover .arrow span {
    background-position: 6px -20px;
}
#MessageIndicator a.out:active .arrow span {
    background-position: 6px -40px;
}
#MessageIndicator a.in .arrow span {
    background-position: -13px 0;
}
#MessageIndicator a.in:hover .arrow span {
    background-position: -13px -20px;
}
#MessageIndicator a.in:active .arrow span {
    background-position: -13px -40px;
}
#event_ads {
    left: 104px;
    position: absolute;
    top: 7px;
    z-index: 1;
}
.view #event_ads {
    left: 50%;
    margin-left: -322px;
    position: fixed;
    top: 12px;
    z-index: 1;
}
#weibo_competition {
    font-size: 12px;
    height: 30px;
    position: relative;
}
#weibo_competition .noti {
    background: url("../img/bubble.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 25px;
    left: 0;
    padding: 3px 0 0 9px;
    position: absolute;
    top: 5px;
    width: 90px;
}
#weibo_competition .noti:hover {
    background-position: 0 -30px;
}
#weibo_competition .noti .close {
    background: url("../img/bubble.png") no-repeat scroll -100px -2px transparent;
    cursor: pointer;
    height: 15px;
    position: absolute;
    right: 0;
    top: 2px;
    width: 15px;
}
#weibo_competition .noti .close:hover {
    background-position: -100px -32px;
}
#weibo_competition .noti a {
    color: #555555;
}
#weibo_competition .noti a:hover {
    color: #C90050;
    text-decoration: none;
}
#loading_unit {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), 0 0 38.5px rgba(225, 225, 225, 0.4) inset;
    font-size: 16px;
    height: 120px;
    left: 50%;
    margin-left: -155px;
    margin-top: -60px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 310px;
}
#loading_unit h1 {
    color: #555555;
    font-size: 16px;
    font-weight: 400;
    margin: 27px 0 0;
    padding: 0;
}
#loading_unit .progress {
    background: url("../img/loading_bar.gif") no-repeat scroll center 0 transparent;
    height: 11px;
    margin: 10px 0;
}
#loading_unit a {
    color: #C90000;
}
#mentions_introduction h2 {
    background: url("../img/mentions_introduction/title_bg.png") no-repeat scroll 20px 11px transparent;
    border-bottom: 1px solid #3E3E3E;
    font-size: 24px;
    padding-bottom: 19px;
    padding-left: 34px;
    text-shadow: 1px 1px 1px #000000;
}
#mentions_introduction h2:after {
    border-bottom: 1px solid #333333;
    content: "";
    display: block;
    margin: 19px 0 -19px -34px;
}
#mentions_introduction h2 span {
    font-size: 14px;
    font-weight: 400;
}
#mentions_introduction h2 img {
    vertical-align: bottom;
}
#mentions_introduction .unit {
    border-bottom: 1px solid #3E3E3E;
    padding: 40px 18px;
    position: relative;
}
#mentions_introduction .unit:after {
    border-bottom: 1px solid #333333;
    content: "";
    display: block;
    margin: 40px -18px -40px;
}
#mentions_introduction .foot {
    font-size: 14px;
    padding: 25px 18px;
    text-shadow: 1px 1px 1px #000000;
}
#channel_container {
    margin: 0 auto;
}
#submit_channel_board_dialog h3 {
    margin-bottom: 10px;
}
#submit_channel_board_dialog .help_text {
    color: #8C7E7E;
    margin-bottom: 30px;
}
#submit_channel_board_dialog .BoardPicker {
    width: 314px;
}
#submit_channel_board_dialog .msgr {
    left: 12px;
    position: relative;
    top: 0;
    z-index: 9998;
}
#channel_callout em.channel-name {
    color: #FF0000;
    font-style: normal;
}
.fm-wrapper #ctx_bar {
    border-bottom: 0 none;
}
.fm-wrapper #ctx_bar:after {
    border-bottom: 0 none;
}
.channel li#nav {
    position: absolute;
    right: 0;
    top: 0;
}
.channel li#nav li {
    background: url("../img/tribe/tab_sprite.png") no-repeat scroll 0 -210px transparent;
    display: inline-block;
    float: left;
    font-size: 15px;
    margin-top: 10px;
}
.channel li#nav li span, .channel li#nav li a {
    display: inline-block;
    padding: 2px 5px;
}
.channel li#nav li a {
    background: url("../img/tribe/tab_sprite.png") no-repeat scroll -113px 8px transparent;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    padding-left: 27px;
    text-decoration: none;
    width: 60px;
}
.channel li#nav li a.pin-link {
    background-position: 7px 8px;
}
.channel li#nav li.first {
    background-position: 0 -90px;
    border-right: 1px solid #CCCCCC;
}
.channel li#nav li.last {
    background-position: -208px -330px;
}
.channel li#nav li.first.selected {
    background-position: 0 -170px;
}
.channel li#nav li.selected {
    background-position: 0 -170px;
}
.channel li#nav li.last.selected {
    background-position: -208px -410px;
}
.BoardAvatar {
    height: 24px;
    position: absolute;
    top: 3px;
    width: 24px;
}
.BoardUserUrl {
    left: 34px;
    line-height: 24px;
    position: relative;
    top: 3px;
}
.FollowBoard2 a.unfollow, .FollowBoard2 a.follow, .FollowBoard2 a.disabled {
    bottom: 10px;
    position: absolute;
    right: 10px;
    text-decoration: none;
}
.msgr {
    background-color: #D5373A;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    font-size: 16px;
    left: 0;
    padding: 7px 10px;
    position: absolute;
    text-shadow: 0 -1px rgba(34, 25, 25, 0.5);
    top: 60px;
    z-index: 9999;
}
.msgr a {
    color: #FFFFFF;
    text-decoration: underline;
}
.msgr .arrow {
    color: #D5373A;
    left: 15px;
    position: absolute;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
    top: -10px;
    transform: rotate(135deg);
    transition: all 0.15s ease-in-out 0s;
}
.no-csstransforms .msgr .arrow {
    background: url("../img/tip_red_sq.png") no-repeat scroll left top transparent;
    display: block;
    height: 21px;
    text-indent: -99999px;
    width: 21px;
}
.msgr .arrow-mask {
    background-color: #D5373A;
    display: block;
    height: 5px;
    left: 10px;
    position: absolute;
    top: 0;
    transition: all 0.15s ease-in-out 0s;
    width: 30px;
}
.msgr.left-arrow .arrow {
    left: -8px;
    top: 7px;
    transform: rotate(45deg);
}
.msgr.left-arrow .arrow-mask {
    height: 23px;
    left: 0;
    top: 5px;
    width: 7px;
}
.sheet .login-button {
    width: 170px;
}
.sheet .login-connect {
    border-right: 1px solid #F6F4EE;
    float: left;
    height: 180px;
    padding: 10px 80px;
    width: 245px;
}
.sheet .login-form {
    border-left: 1px solid #FFFFFF;
    float: left;
    height: 180px;
    padding: 10px 90px;
    width: 220px;
}
.sheet .login-connect p {
    color: #999999;
    font-size: 12px;
    margin-top: 20px;
}
.sheet .connections {
    margin-top: 15px;
    width: 246px;
}
.sheet .connections a {
    background: url("../img/login/btn_sprite.png") no-repeat scroll left top transparent;
    display: block;
    float: left;
    height: 36px;
    margin: 0 8px 5px 0;
    text-indent: -999999px;
    width: 114px;
}
.sheet .connections a.weibo {
    background-position: -456px 0;
}
.sheet .connections a.weibo:hover {
    background-position: -456px -40px;
}
.sheet .connections a.weibo:active {
    background-position: -456px -80px;
}
.sheet .connections a.douban {
    background-position: -228px 0;
}
.sheet .connections a.douban:hover {
    background-position: -228px -40px;
}
.sheet .connections a.douban:active {
    background-position: -228px -80px;
}
.sheet .connections a.qzone {
    background-position: -342px 0;
}
.sheet .connections a.qzone:hover {
    background-position: -342px -40px;
}
.sheet .connections a.qzone:active {
    background-position: -342px -80px;
}
.sheet .connections a.renren:hover {
    background-position: 0 -40px;
}
.sheet .connections a.renren:active {
    background-position: 0 -80px;
}
.sheet .connections a.taobao {
    background-position: -114px 0;
}
.sheet .connections a.taobao:hover {
    background-position: -114px -40px;
}
.sheet .connections a.taobao:active {
    background-position: -114px -80px;
}
.sheet .login-form .FancyForm ul li .input {
    display: block;
    float: left;
    margin-bottom: 12px;
    min-width: 220px;
    position: relative;
    width: 220px;
}
.sheet .login-form .FancyForm ul li .input input[type="text"], .sheet .login-form .FancyForm ul li .input input[type="password"] {
    border: 1px solid #FFFFFF;
    box-shadow: 0 1px 4px rgba(125, 125, 125, 0.65) inset;
    color: #666666;
    font-size: 14px;
    font-weight: 700;
    height: 36px;
    line-height: 100%;
    padding-left: 38px;
    transition: all 0.08s ease-in-out 0s;
}
.sheet .login-form .FancyForm ul li .input input[type="text"]:focus, .sheet .login-form .FancyForm ul li .input input[type="password"]:focus {
    border-color: #FF9080;
    box-shadow: 0 1px 4px rgba(125, 125, 125, 0.65) inset, 0 0 14px rgba(235, 82, 82, 0.45);
}
.sheet .login-form .FancyForm ul li .input label {
    left: 38px;
    top: 7px;
}
.sheet .login-form .FancyForm ul li .input .fff {
    background: url("../img/login/login_bg.png") no-repeat scroll left -5px #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    height: 36px;
    left: 1px;
}
.sheet .login-form .FancyForm ul li .password .fff {
    background-position: left -40px;
}
.non_inputs {
    clear: left;
    float: left;
    width: 100%;
}
#main_menu {
    height: 38px;
    left: 0;
    position: absolute;
    top: 0;
}
#nav_bar_home, #nav_bar_discover, #nav_bar_shopping, #nav_bar_introduction {
    color: #CB2027;
    display: block;
    float: left;
    font-size: 14px;
    height: 39px;
    line-height: 39px;
    padding: 0 15px;
    text-decoration: none;
}
#main_menu .icon {
    background: url("../img/main_menu_sprite.png?v3.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 16px;
    margin-top: 10px;
    width: 18px;
}
#main_menu .active {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../img/nav_select.png") repeat-x scroll -30px 0 transparent;
    border-color: #EEEEEE;
    border-image: none;
    border-style: solid;
    border-width: 0 1px;
}
#nav_bar_home:hover .icon, #nav_bar_home.active .icon {
    background-position: 0 -40px;
}
#nav_bar_tribe .icon {
    background-position: -100px 0;
}
#nav_bar_tribe:hover .icon, #nav_bar_tribe.active .icon {
    background-position: -100px -40px;
}
#nav_bar_shopping .icon {
    background-position: -149px 0;
}
#nav_bar_shopping:hover .icon, #nav_bar_tribe.active .icon {
    background-position: -149px -40px;
}
#main_menu a span {
    color: #000000;
}
#main_menu a.active span {
    color: #C90000;
}
#main_menu .border {
    background: url("../img/main_menu_sprite.png?v3.png") no-repeat scroll 0 -298px transparent;
    display: block;
    float: left;
    height: 39px;
    width: 1px;
}
#nav_bar_discover {
    position: relative;
}
#nav_bar_discover span {
    padding-right: 16px;
}
#nav_bar_discover .open {
    background: url("../img/nav_arrow.png") no-repeat scroll 0 12px transparent;
    cursor: pointer;
    display: block;
    height: 38px;
    position: absolute;
    right: 0;
    top: 0;
    width: 27px;
}
#nav_bar_discover .open:hover {
    background-position: 0 -18px;
}
#nav_bar_discover .opend {
    background-position: 0 -48px;
}
#nav_bar_discover .opend:hover {
    background-position: 0 -78px;
}
#newbies_welcome_overlay {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.94);
}
#newbies_welcome_overlay .hero {
    height: 400px;
    margin: 60px auto 0;
    padding: 15px;
    position: relative;
    width: 800px;
}
#newbies_welcome_overlay h1 {
    color: #C90000;
    font-size: 24px;
    margin: 20px 0 0;
    padding: 0;
}
#newbies_welcome_overlay .brief {
    color: #999999;
    font-size: 15px;
    line-height: 24px;
    margin: 50px 0 89px;
    width: 400px;
}
#newbies_welcome_overlay .brief a {
    color: #C90000;
}
#newbies_welcome_overlay .download {
    display: block;
    height: 61px;
    width: 300px;
}
#newbies_welcome_overlay .firefox {
    background: url("../img/about/btn_sprite.png") no-repeat scroll -622px 0 transparent;
}
#newbies_welcome_overlay .firefox:hover {
    background-position: -622px -60px;
}
#newbies_welcome_overlay .firefox:active {
    background-position: -622px -120px;
}
#newbies_welcome_overlay .chrome {
    background: url("../img/about/btn_sprite.png") no-repeat scroll 0 0 transparent;
}
#newbies_welcome_overlay .chrome:hover {
    background-position: 0 -60px;
}
#newbies_welcome_overlay .chrome:active {
    background-position: 0 -120px;
}
#newbies_welcome_overlay .maxthon {
    background: url("../img/about/btn_sprite.png") no-repeat scroll -940px 0 transparent;
}
#newbies_welcome_overlay .maxthon:hover {
    background-position: -940px -60px;
}
#newbies_welcome_overlay .maxthon:active {
    background-position: -940px -120px;
}
#newbies_welcome_overlay .ie {
    background: url("../img/about/btn_sprite_ie.png") no-repeat scroll 0 -1px transparent;
}
#newbies_welcome_overlay .ie:hover {
    background-position: 0 -61px;
}
#newbies_welcome_overlay .ie:active {
    background-position: 0 -121px;
}
#newbies_welcome_overlay .preview {
    position: absolute;
    right: 15px;
    top: 100px;
}
#newbies_welcome_overlay .caption {
    background: url("../img/welcome/tip_jb.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 14px;
    height: 21px;
    padding: 44px 0 0 22px;
    position: absolute;
    right: 287px;
    top: 273px;
    vertical-align: bottom;
    width: 87px;
}
#newbies_welcome_overlay .close {
    background: url("../img/notification_close.gif") no-repeat scroll 0 -90px transparent;
    cursor: pointer;
    display: block;
    height: 48px;
    position: absolute;
    right: 15px;
    top: 23px;
    width: 48px;
}
#newbies_welcome_overlay .close:hover {
    background-position: 0 -138px;
}
#newbies_welcome_overlay .close:active {
    background-position: 0 -186px;
    top: 24px;
}
#nav_bar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.98);
    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.15);
    font-size: 14px;
    height: 40px;
    margin: 15px 0;
    position: relative;
    z-index: 99;
}
#nav_bar .cases {
    border-right: 1px solid #EDEDED;
    float: left;
    height: 40px;
    padding: 0 5px 0 15px;
}
#nav_bar .cases a {
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    text-decoration: none;
}
#nav_bar .cases em {
    background: url("../img/main_menu_sprite.png?v3.png") no-repeat scroll 0 -80px transparent;
    display: block;
    float: left;
    height: 18px;
    margin: 11px 3px 0 0;
    width: 18px;
}
.cases #nav_bar_following em {
    background-position: -50px 0;
}
.cases #nav_bar_following:hover em, .cases #nav_bar_following.active em {
    background-position: -50px -40px;
}
.cases #nav_bar_latest:hover em, .cases #nav_bar_latest.active em {
    background-position: 0 -120px;
}
.cases #nav_bar_hottest em {
    background-position: -51px -80px;
}
.cases #nav_bar_hottest:hover em, .cases #nav_bar_hottest.active em {
    background-position: -51px -120px;
}
.cases #nav_bar_videos em {
    background-position: -100px -80px;
}
.cases #nav_bar_videos:hover em, .cases #nav_bar_videos.active em {
    background-position: -100px -120px;
}
.cases #nav_bar_promotion em {
    background-position: center center;
}
.cases .active {
    color: #CB2027;
}
.cases #nav_bar_promotion, #nav_bar .promotion, #nav_bar ul.promotion a, #nav_bar .promotion a {
    color: #D4B67B;
}
#nav_bar .categories {
    float: left;
    padding-left: 8px;
    position: relative;
}
#nav_bar .categories a.recent {
    cursor: pointer;
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    padding: 0 8px;
    text-decoration: none;
}
#nav_bar .categories a.active {
    color: #CB2027;
}
#nav_bar .categories em {
    background: url("../img/sprite_nav.png") no-repeat scroll -6px -39px transparent;
    display: block;
    float: right;
    height: 5px;
    margin: 19px 0 0 8px;
    width: 5px;
}
#nav_bar div.promotion {
    float: left;
    height: 40px;
    line-height: 40px;
    padding-left: 8px;
}
#nav_bar_more_categories {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.98);
    box-shadow: 0 1px 0 white inset, 0 1px 3px rgba(0, 0, 0, 0.15);
    display: none;
    font-size: 13px;
    left: 0;
    line-height: 20px;
    overflow: hidden;
    padding: 15px 0 20px 20px;
    position: absolute;
    top: 40px;
    width: 530px;
    z-index: 99;
}
#nav_bar_more_categories:before {
    border-bottom: 1px solid #E0DEDE;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    content: "";
    display: block;
    margin: -15px 0 15px -20px;
}
#nav_bar_more_categories img.promotion {
    display: block;
    height: 80px;
    padding-top: 10px;
    width: 510px;
}
#nav_bar_more_categories .row {
    border-right: 1px solid #EDEDED;
    float: left;
    height: 170px;
    margin-right: 10px;
    width: 120px;
}
#nav_bar_more_categories .row a {
    display: block;
}
#nav_bar_more_categories .last {
    border-right: 0 none;
    margin-right: 0;
}
#nav_bar_more_categories .row .need-space {
    border-top: 1px solid #EDEDED;
    margin-top: 5px;
    padding-top: 5px;
    width: 110px;
}
#nav_bar .switcher {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #EDEDED;
    height: 40px;
    line-height: 40px;
    padding: 0 7px 0 12px;
    position: absolute;
    right: 0;
    top: 0;
}
#nav_bar .switcher a {
    display: block;
    float: left;
    height: 40px;
    padding: 0 8px;
    text-decoration: none;
}
#nav_bar .switcher a em {
    background: url("../img/sprite_nav.png") no-repeat scroll 0 -330px transparent;
    display: block;
    float: left;
    height: 14px;
    margin: 13px 5px 0 0;
    width: 14px;
}
#nav_bar_normal .switcher {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    top: 0;
}
#nav_bar_normal .switcher a {
    background: url("../img/sprite_nav.png") no-repeat scroll right -750px transparent;
    display: block;
    float: left;
    padding: 0 10px;
    text-decoration: none;
}
#nav_bar_normal .switcher a em {
    background: url("../img/sprite_nav.png") no-repeat scroll 0 -330px transparent;
    display: block;
    float: left;
    height: 14px;
    margin: 8px 5px 0 0;
    width: 14px;
}
#nav_bar_normal #switch_to_pin {
    background-position: 0 -510px;
    border-right: 1px solid #CCCCCC;
}
#nav_bar_normal #switch_to_pin:hover {
    background-position: 0 -550px;
}
#nav_bar_normal #switch_to_pin:active, #nav_bar_normal #switch_to_pin.active {
    background-position: 0 -590px;
}
#nav_bar_normal #switch_to_board:hover {
    background-position: right -790px;
}
#nav_bar_normal #switch_to_board:active, #nav_bar_normal #switch_to_board.active {
    background-position: right -830px;
}
.switcher a#switch_to_pin:hover em {
    background-position: 0 -360px;
}
.switcher a#switch_to_pin:active em, #nav_bar .switcher a#switch_to_pin.active em {
    background-position: 0 -390px;
}
.switcher a#switch_to_board em {
    background-position: -40px -330px;
}
.switcher a#switch_to_board:hover em {
    background-position: -40px -360px;
}
.switcher a#switch_to_board:active em, #nav_bar .switcher a#switch_to_board.active em {
    background-position: -40px -390px;
}
#nav_bar .switcher a.active {
    color: #CB2027;
}
#nav_bar_normal {
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
    padding-bottom: 10px;
    position: relative;
    text-shadow: 0 1px rgba(255, 255, 255, 0.9);
}
.fixed-nav.enable {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.98);
    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.15);
    left: 0;
    position: fixed;
    top: 0;
    z-index: 99996;
}
.fixed-nav.enable #nav_bar {
    background: none repeat scroll 0 center transparent;
    box-shadow: none;
    margin: 0;
}
.registration-tip {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    bottom: 0;
    height: 70px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 100010;
}
.registration-tip .inner {
    margin: 0 auto;
    position: relative;
    width: 940px;
}
.registration-tip .tip {
    background: url("../img/registar-tip-arrow.png") no-repeat scroll 240px 25px transparent;
    height: 60px;
    margin-top: 5px;
    padding: 15px 80px 0 10px;
    width: 250px;
}
.registration-tip .tip h2 {
    color: #FFFFFF;
    font-size: 20px;
}
.registration-tip .tip p {
    color: #FFFFFF;
    font-size: 14px;
}
.registration-tip .register-through {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.15);
    left: 310px;
    padding: 3px 2px 4px 5px;
    position: absolute;
    top: 10px;
    width: 460px;
}
.registration-tip .register-through a {
    background: url("../img/login/btn_sprite.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    float: left;
    height: 35px;
    margin-right: 3px;
    width: 112px;
}
.registration-tip .register-through a.weibo {
    background-position: -456px 0;
}
.registration-tip .register-through a.weibo:hover {
    background-position: -456px -40px;
}
.registration-tip .register-through a.weibo:active {
    background-position: -456px -80px;
}
.registration-tip .register-through a.douban {
    background-position: -228px 0;
}
.registration-tip .register-through a.douban:hover {
    background-position: -228px -40px;
}
.registration-tip .register-through a.douban:active {
    background-position: -228px -80px;
}
.registration-tip .register-through a.renren {
    background-position: 0 0;
}
.registration-tip .register-through a.renren:hover {
    background-position: 0 -40px;
}
.registration-tip .register-through a.renren:active {
    background-position: 0 -80px;
}
.registration-tip .register-through a.qq {
    background-position: -342px 0;
}
.registration-tip .register-through a.qq:hover {
    background-position: -342px -40px;
}
.registration-tip .register-through a.qq:active {
    background-position: -342px -80px;
}
.registration-tip .login {
    color: #FFFFFF;
    text-decoration: underline;
}
.registration-tip .more {
    background: url("../img/go.png") no-repeat scroll 156px 10px rgba(0, 0, 0, 0.3);
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    height: 35px;
    left: 800px;
    line-height: 35px;
    padding: 3px 30px 4px 5px;
    position: absolute;
    text-align: center;
    text-decoration: underline;
    top: 10px;
    width: 150px;
}
.registration-tip .close {
    background: url("../img/login/close_btn.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: none;
    height: 46px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 46px;
}
.registration-tip .inner .smooth-notification {
    border-radius: 5px 5px 5px 5px;
    font-size: 13px;
    padding: 10px;
    text-align: left;
    width: 200px;
}
.registration-overlay {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;
}
.registration-more-intro {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
    height: 430px;
    left: 50%;
    margin-left: -410px;
    position: fixed;
    top: 15%;
    width: 820px;
    z-index: 100005;
}
.registration-more-intro .prev {
    background: url("../img/left_ar.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 57px;
    left: -45px;
    position: absolute;
    top: 186px;
    width: 35px;
}
.registration-more-intro .next {
    background: url("../img/right_ar.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 57px;
    position: absolute;
    right: -45px;
    top: 186px;
    width: 35px;
}
.registration-more-intro .intros {
    height: 430px;
    overflow: hidden;
}
.registration-more-intro .intro {
    background: url("../img/intro1.jpg") no-repeat scroll 0 0 transparent;
    height: 430px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 1s ease-in-out 0s;
    width: 820px;
}
.registration-more-intro .showing {
    opacity: 1;
    z-index: 5;
}
.registration-more-intro a {
    font-size: 14px;
    position: absolute;
}
.registration-more-intro .go {
    height: 125px;
    width: 125px;
}
.registration-more-intro .close {
    background: url("../img/registration_intro_close.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 59px;
    position: absolute;
    right: 0;
    top: 0;
    width: 61px;
    z-index: 6;
}
.registration-more-intro .numbers {
    bottom: 10px;
    position: absolute;
    right: -10px;
    width: 120px;
    z-index: 8;
}
.registration-more-intro .numbers .num {
    background: url("../img/num_grey.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    height: 22px;
    line-height: 22px;
    margin-right: 15px;
    text-align: center;
    width: 22px;
}
.registration-more-intro .numbers .active {
    background-image: url("../img/num_red.png");
}
.ac-choices li {
    margin: 0;
}
#Profile .unit {
    padding: 15px;
}
#task_start_tip {
    background: none repeat scroll 0 0 #FFFEF0;
    border: 1px solid #F8E7C6;
    border-radius: 2px 2px 2px 2px;
    font-size: 13px;
    line-height: 20px;
    padding: 10px;
    position: relative;
}
#task_start_tip .start-button {
    background: url("../img/tasks/task_start_btn.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 24px;
    margin: 8px auto 0;
    width: 82px;
}
#task_start_tip .start-button:hover {
    background-position: 0 -30px;
}
#task_start_tip .start-button:active {
    background-position: 0 -60px;
}
#task_start_tip .cls {
    background: url("../img/tasks/div_close_btn.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 16px;
    opacity: 0;
    position: absolute;
    right: -16px;
    top: -16px;
    transition: opacity 0.2s linear 0s;
    visibility: hidden;
    width: 16px;
}
.unit:hover #task_start_tip .cls {
    opacity: 1;
    visibility: visible;
}
#task_start_tip .cls:hover {
    background-position: 0 -30px;
}
#task_start_tip .cls:active {
    background-position: 0 -60px;
}
#task_progress {
    display: none;
    margin-top: 10px;
}
#task_progress h3 {
    color: grey;
    font-size: 15px;
    font-weight: 400;
}
#task_progress ol {
    margin-top: 5px;
}
#task_progress ol li {
    line-height: 18px;
    list-style: decimal inside none;
}
#task_modules {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    bottom: 0;
    color: #777777;
    font-size: 14px;
    left: 0;
    line-height: 19px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100000;
}
#task_modules .module-exit {
    background: url("../img/tasks/tasks_notice_colse.png") no-repeat scroll 0 0 transparent;
    height: 178px;
    left: 50%;
    margin-left: -215px;
    margin-top: -89px;
    position: absolute;
    top: 50%;
    width: 430px;
}
#task_modules .module .cls {
    background: url("../img/tasks/tasks_close_btn.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 24px;
}
#task_modules .module .cls:hover {
    background-position: 0 -40px;
}
#task_modules .module .cls:active {
    background-position: 0 -80px;
}
#task_modules .module-exit .cancel {
    background: url("../img/tasks/tasks_btn_sprite.png?allnew.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 50px;
    left: 90px;
    position: absolute;
    top: 100px;
    width: 140px;
}
#task_modules .module-exit .cancel:hover {
    background-position: 0 -60px;
}
#task_modules .module-exit .cancel:active {
    background-position: 0 -120px;
}
#task_modules .module-exit .exit {
    background: url("../img/tasks/tasks_btn_sprite.png?allnew.png") no-repeat scroll -160px 0 transparent;
    cursor: pointer;
    height: 50px;
    left: 240px;
    position: absolute;
    top: 100px;
    width: 90px;
}
#task_modules .module-exit .exit:hover {
    background-position: -160px -60px;
}
#task_modules .module-exit .exit:active {
    background-position: -160px -120px;
}
#task_modules .module-step1-1 {
    background: url("../img/tasks/tasks_step_1_1.png") no-repeat scroll 0 0 transparent;
    height: 228px;
    left: 50%;
    margin-left: -215px;
    margin-top: -114px;
    position: absolute;
    top: 50%;
    width: 430px;
}
#task_modules .module-step1-1 .next {
    background: url("../img/tasks/tasks_btn_sprite.png?allnew.png") no-repeat scroll -270px 0 transparent;
    cursor: pointer;
    height: 50px;
    left: 150px;
    position: absolute;
    top: 150px;
    width: 140px;
}
#task_modules .module-step1-1 .next:hover {
    background-position: -270px -60px;
}
#task_modules .module-step1-1 .next:active {
    background-position: -270px -120px;
}
#task_modules .module-step1-1 .highlight {
    background: url("../img/tasks/task_step1_highlight.png") no-repeat scroll 0 0 transparent;
    height: 28px;
    position: absolute;
    width: 220px;
}
#task_modules .module-step1-2 {
    height: 160px;
    position: absolute;
    width: 232px;
}
#task_modules .module-step1-2 .point {
    background: url("../img/tasks/tasks_step_1_2.png") no-repeat scroll 0 0 transparent;
    bottom: 0;
    height: 120px;
    left: 0;
    position: absolute;
    width: 200px;
}
#task_modules .module-step1-2 .add {
    background: url("../img/tasks/task_step1_2_highlight.png") no-repeat scroll right top transparent;
    cursor: pointer;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    width: 74px;
}
#task_modules .module-step1-3 {
    height: 288px;
    position: absolute;
    width: 270px;
    z-index: 9;
}
#task_modules .module-step1-3 .point {
    background: url("../img/tasks/tasks_step_1_3.png") no-repeat scroll 0 0 transparent;
    bottom: 0;
    height: 120px;
    left: 0;
    position: absolute;
    width: 200px;
}
#task_modules .module-step1-3 .add {
    background: url("../img/tasks/task_step1_3_highlight.png") no-repeat scroll right top transparent;
    cursor: pointer;
    height: 200px;
    position: absolute;
    right: 0;
    top: 0;
    width: 180px;
}
#task_modules .module-step1-4 {
    background: url("../img/tasks/tasks_step_1_4.png") no-repeat scroll 0 0 transparent;
    height: 130px;
    position: absolute;
    width: 380px;
}
#task_modules .module-step1-4 .fake-close {
    cursor: pointer;
    height: 58px;
    position: absolute;
    width: 58px;
}
#task_modules .module-step1-5 {
    background: url("../img/tasks/tasks_step_1_5.png") no-repeat scroll 0 0 transparent;
    height: 228px;
    left: 50%;
    margin-left: -215px;
    margin-top: -114px;
    position: absolute;
    top: 50%;
    width: 430px;
}
#task_modules .module-step1-5 .next {
    background: url("../img/tasks/tasks_btn_sprite.png?allnew.png") no-repeat scroll -430px 0 transparent;
    cursor: pointer;
    height: 50px;
    left: 150px;
    position: absolute;
    top: 150px;
    width: 140px;
}
#task_modules .module-step1-5 .next:hover {
    background-position: -430px -60px;
}
#task_modules .module-step1-5 .next:active {
    background-position: -430px -120px;
}
#task_modules .module-step2-1 {
    background: url("../img/tasks/tasks_step_2_1.png") no-repeat scroll 0 0 transparent;
    height: 500px;
    left: 50%;
    margin-left: -390px;
    margin-top: -250px;
    position: absolute;
    top: 50%;
    width: 780px;
}
#task_modules .module-step2-1 .text1 {
    left: 56px;
    position: absolute;
    text-align: justify;
    top: 110px;
    width: 365px;
}
#task_modules .module-step2-1 .text2 {
    left: 59px;
    position: absolute;
    text-align: justify;
    top: 390px;
    width: 180px;
}
#task_modules .module-step2-1 .text3 {
    left: 410px;
    position: absolute;
    text-align: justify;
    top: 390px;
    width: 180px;
}
#task_modules .module-step2-1 .go {
    background: url("../img/tasks/tasks_btn_sprite.png?allnew.png") no-repeat scroll -830px -180px transparent;
    cursor: pointer;
    height: 50px;
    left: 56px;
    position: absolute;
    top: 210px;
    width: 260px;
}
#task_modules .module-step2-1 .go:hover {
    background-position: -830px -250px;
}
#task_modules .module-step2-1 .go:active {
    background-position: -830px -320px;
}
#task_modules .module-step2-1 .go-goodies {
    background: url("../img/tasks/tasks_btn_sprite.png?allnew.png") no-repeat scroll -1100px -180px transparent;
    cursor: pointer;
    height: 50px;
    left: 56px;
    position: absolute;
    top: 210px;
    width: 310px;
}
#task_modules .module-step2-1 .go-goodies:hover {
    background-position: -1100px -250px;
}
#task_modules .module-step2-1 .go-goodies:active {
    background-position: -1100px -320px;
}
#task_modules .module-step2-1 .chrome {
    background-position: -560px -180px;
}
#task_modules .module-step2-1 .chrome:hover {
    background-position: -560px -250px;
}
#task_modules .module-step2-1 .chrome:active {
    background-position: -560px -320px;
}
#task_modules .module-step2-1 .firefox {
    background-position: -280px -180px;
}
#task_modules .module-step2-1 .firefox:hover {
    background-position: -280px -250px;
}
#task_modules .module-step2-1 .firefox:active {
    background-position: -280px -320px;
}
#task_modules .module-step2-1 .ie {
    background-position: 0 -180px;
}
#task_modules .module-step2-1 .ie:hover {
    background-position: 0 -250px;
}
#task_modules .module-step2-1 .ie:active {
    background-position: 0 -320px;
}
#task_modules .module-step2-1 .disabled:hover, #task_modules .module-step2-1 .disabled:active, #task_modules .module-step2-1 .disabled {
    background-position: -560px -384px;
}
#task_modules .module-step2-1 .highlight {
    background: url("../img/tasks/task_step2_highlight.png") no-repeat scroll 0 0 transparent;
    height: 28px;
    position: absolute;
    width: 220px;
}
#task_modules .module-step2-2 {
    background: url("../img/tasks/tasks_step_2_2.png") no-repeat scroll 0 0 transparent;
    height: 228px;
    left: 50%;
    margin-left: -245px;
    margin-top: -114px;
    position: absolute;
    top: 50%;
    width: 490px;
}
#task_modules .module-step2-2 .next {
    background: url("../img/tasks/tasks_btn_sprite.png?allnew.png") no-repeat scroll -430px 0 transparent;
    cursor: pointer;
    height: 50px;
    left: 180px;
    position: absolute;
    top: 150px;
    width: 140px;
}
#task_modules .module-step2-2 .next:hover {
    background-position: -430px -60px;
}
#task_modules .module-step2-2 .next:active {
    background-position: -430px -120px;
}
#task_modules .module-welcome {
    background: url("../img/tasks/tasks_welcome.png") no-repeat scroll 0 0 transparent;
    height: 178px;
    left: 50%;
    margin-left: -215px;
    margin-top: -89px;
    position: absolute;
    top: 50%;
    width: 430px;
}
#task_modules .module-welcome .start {
    background: url("../img/tasks/tasks_btn_sprite.png?allnew.png") no-repeat scroll -590px 0 transparent;
    cursor: pointer;
    height: 50px;
    left: 145px;
    position: absolute;
    top: 105px;
    width: 140px;
}
#task_modules .module-welcome .start:hover {
    background-position: -590px -60px;
}
#task_modules .module-welcome .start:active {
    background-position: -590px -120px;
}
#ReportForm {
    margin: 25px;
}
#ReportForm .ReportTitle {
    color: #333333;
    font-size: 14px;
}
#ReportForm .ReportRadio {
    color: #333333;
    font-size: 13px;
    margin-top: 2px;
    text-align: left;
}
#ReportForm .ReportRadio .InputBlock {
    display: inline-block;
    margin-top: 8px;
    padding: 15px 0;
    width: 150px;
}
#ReportForm .Submit {
    margin-top: 30px;
    text-align: center;
}
#shiji_header_preview {
    text-align: left;
}
#shiji_header_preview .date {
    background: url("../img/shopping/tip_title_bg.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    height: 90px;
    line-height: 129px;
    margin-right: 20px;
    text-align: center;
    width: 90px;
}
#shiji_header_preview .title {
    color: #444444;
    display: block;
    float: left;
    font-size: 14px;
    width: 240px;
}
#shiji_header_preview .img-box {
    display: block;
    float: left;
    margin-top: 5px;
    width: 230px;
}
#shiji_header_preview .close {
    background: url("../img/shopping/icon_close.png") no-repeat scroll 2px 2px transparent;
    cursor: pointer;
    display: block;
    height: 20px;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 20px;
}
#shiji_header_preview .close:hover {
    background-position: 2px -18px;
}
#shiji_header_preview .close:active {
    background-position: 2px -38px;
}
.pin-board-switcher li {
    background: url("../img/tribe/tab_sprite.png") no-repeat scroll -1px -210px transparent;
    border-right: 1px solid #CCCCCC;
    float: left;
    font-size: 15px;
}
.pin-board-switcher li.first {
    background-position: 0 -90px;
}
.pin-board-switcher li.last {
    background-position: right -330px;
    border: 0 none;
}
.pin-board-switcher li.first.selected {
    background-position: 0 -170px;
}
.pin-board-switcher li.selected {
    background-position: -1px -290px;
}
.pin-board-switcher li.last.selected {
    background-position: right -410px;
}
.pin-board-switcher li a {
    background: url("../img/tribe/tab_sprite.png") no-repeat scroll -113px 8px transparent;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    padding: 2px 8px 2px 27px;
    text-decoration: none;
}
.pin-board-switcher li.selected a {
    background-position: -113px -22px;
}
.pin-board-switcher li a:hover {
    background-position: -113px -52px;
}
.pin-board-switcher li.selected a.pin-link {
    background-position: 7px -22px;
}
.pin-board-switcher li a.pin-link:hover {
    background-position: 7px -52px;
}
.pin-board-switcher li.selected a.weibo-link, .pin-board-switcher li.selected a.user-link {
    background-position: -233px -22px;
}
.pin-board-switcher li a.weibo-link:hover, .pin-board-switcher li a.user-link:hover {
    background-position: -233px -52px;
}
.pin-board-switcher li a.pin-link {
    background-position: 7px 8px;
}
.pin-board-switcher li a.weibo-link, .pin-board-switcher li a.user-link {
    background-position: -233px 8px;
}
.pin-board-switcher {
    display: inline-block;
}
#ctx_bar .p .pin-board-switcher {
    margin-left: 20px;
    vertical-align: middle;
}
#ctx_bar .p {
    border-width: 0;
    color: #211922;
    font-size: 1.8em;
    font-weight: 300;
    line-height: 1em;
    margin: 4px 0 0;
    padding: 0;
}
#header .login-btn, #header .signup-btn {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;
}
#hotkeys_intro {
    background-color: #FFFFFF;
    background-image: none;
    border: 0 none;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    min-height: 0;
    padding: 10px 15px 15px;
}
#hotkeys_intro h2 {
    font-size: 16px;
    margin: 0;
    padding: 0;
}
#hotkeys_intro td {
    padding: 5px 5px 0;
    text-align: left;
}
#hotkeys_intro .hotkey {
    background-color: #EEEEEE;
    background-image: -moz-linear-gradient(center top , whiteSmoke 0px, #EEEEEE 100%);
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 white inset, 0 1px 0 #CCCCCC;
    color: #555555;
    display: inline-block;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    min-width: 10px;
    padding: 0 4px;
    text-align: center;
}
#hotkeys_intro .plus {
    padding: 0 2px;
}
#hotkeys_intro .ln1 {
    margin-right: 10px;
}
#hotkeys_intro table {
    float: left;
    margin-bottom: 10px;
    width: 200px;
}
#hotkeys_intro table .title td {
    font-weight: 700;
    padding-top: 9px;
}
#anniversary_callout {
    background: url("../img/anniversary/oneyear_popout_bg.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
    height: 210px;
    margin-left: -190px;
    padding: 0;
    width: 380px;
}
#anniversary_callout .join_event {
    background: url("../img/anniversary/oneyear_popout_view_btn.png") no-repeat scroll 0 0 transparent;
    bottom: 30px;
    height: 48px;
    left: 130px;
    position: absolute;
    width: 120px;
}
#anniversary_callout .close {
    background: url("../img/anniversary/oneyear_popout_close_btn.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 24px;
    margin-right: -12px;
    margin-top: -12px;
    width: 24px;
}
#mobile_callout {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.42);
    border-top: 1px solid #B4B4B4;
    bottom: 0;
    height: 20%;
    left: 0;
    position: fixed;
    text-align: center;
    width: 100%;
}
#mobile_callout .spacer {
    height: 20%;
}
#mobile_callout .go {
    background: url("../img/mobile_download_btn_iphone.png") no-repeat scroll center center / contain transparent;
    display: block;
    height: 80%;
    margin: 0 auto;
    width: 80%;
}
#mobile_callout .cls {
    background: url("../img/mobile_close_btn.png") no-repeat scroll right top / contain transparent;
    cursor: pointer;
    height: 18%;
    position: absolute;
    right: 2%;
    top: 2%;
    width: 8%;
}
#mobile_callout.android .go {
    background-image: url("../img/mobile_download_btn_android.png");
}
#mobile_callout.ipad .go {
    background-image: url("../img/mobile_download_btn_ipad.png");
}
#chq_landing {
    background: url("../img/chq_landing_bg.png") no-repeat scroll center center transparent;
    height: 144px;
    left: 50%;
    margin-left: -670px;
    position: fixed;
    top: 390px;
    width: 200px;
}
#chq_landing .go {
    background: url("../img/chq_landing_btn.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 50px;
    margin: 20px auto 0;
    width: 162px;
}
#chq_landing .go:hover {
    background-position: 0 -60px;
}
#chq_landing .go:active {
    background-position: 0 -120px;
}
#chq_landing .join {
    color: #777777;
    font-size: 16px;
    line-height: 22px;
    margin-top: 5px;
    text-align: center;
}
#chq_landing .join p {
    font-weight: 700;
}
#sheet .chrome-addon-error {
    font-size: 16px;
    line-height: 60px;
    text-align: center;
}
#sheet .chrome-addon-error .btn {
    margin-left: 40px;
}
#chrome_addon_download_tip .modal {
    margin-left: -360px;
    width: 720px;
}
#chrome_addon_download_tip .inner {
    margin: 28px 0 34px 30px;
}
#chrome_addon_download_tip .step {
    float: left;
    width: 230px;
}
#chrome_addon_download_tip .title {
    background: url("../img/chrome_notice_step_bg.png") no-repeat scroll 0 0 #F5F5F5;
    font-size: 13px;
    height: 32px;
    line-height: 32px;
    margin-bottom: 18px;
    padding-left: 35px;
}
#chrome_addon_download_tip .step2 .title {
    background-position: 0 -80px;
}
#chrome_addon_download_tip .step3 .title {
    background-position: 0 -160px;
}
#chrome_addon_download_tip .title a {
    color: #C90000;
    text-decoration: underline;
}
#related_recommend {
    padding: 20px;
}
#related_recommend .title {
    font-size: 14px;
    font-weight: 700;
}
#related_recommend .recommend-pins-unit {
    margin-top: 20px;
    width: 600px;
}
#related_recommend .recommend-pin {
    float: left;
    margin-right: 20px;
    width: 180px;
}
#related_recommend .recommend-pin .img {
    display: block;
    position: relative;
}
#related_recommend .recommend-pin .img .price {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    bottom: 0;
    color: #FFFFFF;
    font-size: 12px;
    height: 20px;
    left: 0;
    line-height: 20px;
    padding: 0 4px;
    position: absolute;
    text-decoration: none;
}
#related_recommend .recommend-pin .description {
    background: none repeat scroll 0 0 #FAFAFA;
    height: 40px;
    line-height: 15px;
    padding: 10px;
}
#related_recommend .recommend-pin .description .inner {
    height: 30px;
    overflow: hidden;
}
#related_recommend .recommend-board {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #EDEDED;
    margin-top: 20px;
    padding: 19px;
    position: relative;
}
#related_recommend .recommend-board h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}
#related_recommend .recommend-board .stats {
    color: #999999;
    font-size: 14px;
    margin-bottom: 8px;
}
#related_recommend .recommend-board .stats .pin-count {
    border-right: 1px solid #999999;
    padding-right: 10px;
}
#related_recommend .recommend-board .stats .form {
    padding-left: 10px;
}
#related_recommend .recommend-board .pins {
    display: block;
    margin-right: -20px;
}
#related_recommend .recommend-board .pins .main {
    display: block;
    float: left;
    height: 213px;
    margin-right: 5px;
    width: 213px;
}
#related_recommend .recommend-board .pins .others {
    float: left;
    width: 327px;
}
#related_recommend .recommend-board .pins .others .el {
    display: block;
    float: left;
    height: 104px;
    margin: 0 5px 5px 0;
    width: 104px;
}
#related_recommend .recommend-board .follow-btn {
    position: absolute;
    right: 20px;
    top: 25px;
}
#related_recommend .arr {
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
}
#related_recommend .arr i {
    background: url("../img/arrow_cover_uncover.png") no-repeat scroll -20px 0 transparent;
    display: block;
    height: 10px;
    position: absolute;
    right: 0;
    top: 4px;
    width: 10px;
}
#related_recommend .arr:hover i {
    background-position: -20px -20px;
}
#related_recommend .arr:active i {
    background-position: -20px -40px;
}
#related_recommend.closed .arr i {
    background-position: 0 0;
}
#related_recommend.closed .arr:hover i {
    background-position: 0 -20px;
}
#related_recommend.closed .arr:active i {
    background-position: 0 -40px;
}
#related_recommend.closed {
    cursor: pointer;
    height: 17px;
    overflow: hidden;
}
.porsche.pin .car {
    background: url("http://getimg.in/90x140") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 140px;
    left: 0;
    position: absolute;
    top: 0;
    width: 90px;
}
.porsche-sub.pin .sub-car {
    background: url("http://getimg.in/90x140") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 140px;
    left: -500px;
    position: absolute;
    top: -500px;
    width: 90px;
}
#pin_view_left_promo {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    margin-top: 20px;
    min-height: 200px;
    padding: 20px;
    position: relative;
}
#pin_view_left_promo img {
    display: block;
}
#pin_view_left_promo .cls-btn {
    background: url("../img/icon_close.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 16px;
}
#pin_view_left_promo .cls-btn:hover {
    background-position: 0 -20px;
}
#pin_view_left_promo .cls-btn:active {
    background-position: 0 -40px;
}
#message_popup {
    cursor: default;
    left: -254px;
    position: absolute;
    top: 54px;
    width: 340px;
}
#message_popup .inner {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}
#message_popup .msg-loading {
    background: url("../img/message_loading.gif") no-repeat scroll center 115px white;
    height: 300px;
}
#message_popup .tabs {
    border-bottom: 1px solid #EDEDED;
}
#message_popup .tabs .tab {
    background: none repeat scroll 0 0 #F5F5F5;
    color: #777777;
    cursor: pointer;
    display: block;
    float: left;
    height: 38px;
    line-height: 38px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 170px;
}
#message_popup .tabs .tab:hover {
    color: #C90000;
}
#message_popup .tabs .active {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
}
#message_popup .tabs .tab .n {
    background: none repeat scroll 0 0 #9E7E6B;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    font-size: 10px;
    left: 130px;
    line-height: 14px;
    padding: 0 3px;
    position: absolute;
    top: 10px;
}
#message_popup .tabs .tab .n-0 {
    display: none;
}
#message_popup .tabs .mentions {
    border-right: 1px solid #EDEDED;
    width: 169px;
}
#message_popup .list .box {
    max-height: 292px;
    min-height: 73px;
    overflow: auto;
}
#message_popup .item {
    border-bottom: 1px solid #EDEDED;
    height: 40px;
    padding: 16px 20px;
    position: relative;
}
#message_popup .item .avt {
    display: block;
    height: 40px;
    left: 20px;
    position: absolute;
    top: 16px;
    width: 40px;
}
#message_popup .item .pin-link {
    display: block;
    height: 40px;
    left: 20px;
    position: absolute;
    top: 16px;
    width: 40px;
}
#message_popup .item .pin-link .large-image {
    height: 40px;
    width: 40px;
}
#message_popup .item .pin-link .small-avt {
    border: 1px solid white;
    bottom: 0;
    height: 16px;
    position: absolute;
    right: 0;
    width: 16px;
}
#message_popup .item .text {
    height: 40px;
    line-height: 1.5;
    margin-left: 50px;
    overflow: hidden;
    text-align: left;
}
#message_popup .item .text a {
    color: #9E7E6B;
}
#message_popup .item .text .text-node {
    margin: 0 4px;
}
#message_popup .item .text .content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#message_popup .item .text .sub-line {
    font-size: 13px;
}
#message_popup .item .text .time {
    color: #999999;
    margin-left: 10px;
}
#message_popup .unread {
    background: url("../img/icon_unread.png") no-repeat scroll 6px center #FFFFF5;
}
#message_popup .view-all {
    background: none repeat scroll 0 0 #FAFAFA;
    color: #777777;
    display: block;
    height: 40px;
    line-height: 40px;
}
#message_popup .arr {
    background: url("../img/menu_arrow.png") no-repeat scroll 0 0 transparent;
    height: 10px;
    left: 266px;
    position: absolute;
    top: -10px;
    width: 18px;
}
#top_promotion {
    background: url("../img/notification_bg.gif") repeat scroll left top transparent;
    box-shadow: 0 -1px 5px rgba(34, 29, 29, 0.8) inset;
    position: relative;
    text-align: center;
    z-index: 99997;
}
#top_promotion a.inner {
    background: none no-repeat scroll center center transparent;
    display: block;
    margin: 0 auto;
}
#top_promotion .close {
    background: url("../img/notification_close.gif") no-repeat scroll left top transparent;
    cursor: pointer;
    display: block;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    z-index: 99996;
}
#top_promotion .close:hover {
    background-position: 0 -30px;
}
#top_promotion .close:active {
    background-position: 0 -60px;
}

/*新插件增加*/

#container {
    text-align: center;
}

